diff --git a/assets/styles.css b/assets/styles.css index 3e69e7b..6ada8d3 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -77,11 +77,12 @@ input[type=number]{ body > section > .banner, body > section > .container > .banner { padding-left: 4.3rem; + padding-right: 4.3rem; } .banner.enabled { border-left-color: transparent; - background: #bbfbff; + background: #cde; } .banner.disabled { diff --git a/components/Banner.html b/components/Banner.html index bad7215..76e4733 100644 --- a/components/Banner.html +++ b/components/Banner.html @@ -3,15 +3,21 @@
- Forget is currently {{policy_enabled?'enabled':'disabled'}} on your account. + Forget is currently + {{#if policy_enabled }} + enabled + {{else}} + disabled + {{/if}} + on your account.
+ {{#if last_delete }} - Last delete {{rel_past(now - last_delete)}}. - {{/if }} - + + Next delete {{rel_future(next_delete - now)}}.
@@ -25,20 +31,18 @@ .timers > * { transition-property: opacity, transform; transition-duration: 0.4s; + display: inline-block; } .timers > .hidden { opacity: 0; - transform: translateY(-100%); + transform: translateY(-0.3em); pointer-events: none; } -.btn-group { - margin-right: 5rem; -} - .right { float: right; + margin-left: 1em; } button.primary { diff --git a/templates/logged_in.html b/templates/logged_in.html index f8173a3..ae68d10 100644 --- a/templates/logged_in.html +++ b/templates/logged_in.html @@ -13,7 +13,13 @@

{% set enabled_disabled = "enabled" if g.viewer.account.policy_enabled else "disabled" %} -