From 006fd59e2a1a6ce6b73dd0bda501243b4342788f Mon Sep 17 00:00:00 2001
From: Nick <github@ngpixel.com>
Date: Sat, 20 Jul 2019 22:44:41 -0400
Subject: [PATCH] fix: UI improvements

---
 client/components/admin/admin-dashboard.vue |  6 +++---
 client/scss/base/base.scss                  |  1 -
 client/themes/default/scss/app.scss         | 14 ++++++++++++++
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/client/components/admin/admin-dashboard.vue b/client/components/admin/admin-dashboard.vue
index 555c26e4..52f37a51 100644
--- a/client/components/admin/admin-dashboard.vue
+++ b/client/components/admin/admin-dashboard.vue
@@ -53,7 +53,7 @@
             .body-2(v-if='isLatestVersion') {{$t('admin:dashboard.versionLatest')}}
             .body-2(v-else) {{$t('admin:dashboard.versionNew', { version: info.latestVersion })}}
       v-flex(xs12, xl6)
-        v-card.radius-7
+        v-card.radius-7.animated.fadeInUp.wait-p2s
           v-card-title.subheading(:class='$vuetify.dark ? `grey darken-2` : `grey lighten-5`') Recent Pages
           v-data-table.pb-2(
             :items='recentPages'
@@ -70,7 +70,7 @@
                 .caption: strong Updated {{ props.item.updatedAt | moment('from') }}
                 .caption Created {{ props.item.createdAt | moment('calendar') }}
       v-flex(xs12, xl6)
-        v-card.radius-7
+        v-card.radius-7.animated.fadeInUp.wait-p4s
           v-card-title.subheading(:class='$vuetify.dark ? `grey darken-2` : `grey lighten-5`') Most Popular Pages
           v-data-table.pb-2(
             :items='popularPages'
@@ -88,7 +88,7 @@
                 .caption Created {{ props.item.createdAt | moment('calendar') }}
 
       v-flex(xs12)
-        v-card.dashboard-contribute
+        v-card.dashboard-contribute.animated.fadeInUp.wait-p4s
           v-card-text
             img(src='/svg/icon-heart-health.svg', alt='Contribute', style='height: 80px;')
             .pl-3
diff --git a/client/scss/base/base.scss b/client/scss/base/base.scss
index f414c539..a93ddef5 100644
--- a/client/scss/base/base.scss
+++ b/client/scss/base/base.scss
@@ -1,7 +1,6 @@
 html {
   box-sizing: border-box;
   height: 100%;
-  background-color: mc('grey', '900');
 }
 *, *:before, *:after {
   box-sizing: inherit;
diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss
index fc1eecd9..d0c2bfc9 100644
--- a/client/themes/default/scss/app.scss
+++ b/client/themes/default/scss/app.scss
@@ -616,6 +616,20 @@
       }
     }
 
+    @at-root .theme--dark & {
+      background-color: mc('grey', '900');
+      border-color: mc('grey', '700');
+
+      summary {
+        background-color: mc('grey', '900');
+        border-color: mc('grey', '700');
+      }
+
+      &[open] summary {
+        background-color: lighten(mc('grey', '900'), 5%);
+      }
+    }
+
   }
 
 }