feat: themes foundation + editors load improvements

client/components/profile/preferences.vue

@@ -14,10 +14,18 @@
                       .subheading Display
                   v-card-text
                     v-subheader.pl-0 Locale
-                    v-select.grey.lighten-5(solo, flat)
-                    v-divider
+                    v-select(
+                      outline
+                      background-color='grey lighten-2'
+                      hide-details
+                      )
+                    v-divider.mt-3
                     v-subheader.pl-0 Timezone
-                    v-select.grey.lighten-5(solo, flat)
+                    v-select(
+                      outline
+                      background-color='grey lighten-2'
+                      hide-details
+                      )
                   v-card-chin
                     v-spacer
                     v-btn(color='primary')
@@ -30,7 +38,11 @@
                     .subheading Editing
                 v-card-text
                   v-subheader.pl-0 Default Editor
-                  v-select.grey.lighten-5(solo, flat)
+                  v-select(
+                    outline
+                    background-color='grey lighten-2'
+                    hide-details
+                    )
                 v-card-chin
                   v-spacer
                   v-btn(color='primary')

client/components/profile/profile.vue

@@ -36,12 +36,12 @@
               )
               v-icon(:color='darkMode ? "grey lighten-1" : "purple darken-4"') supervised_user_circle
               .subheading.ml-3 Local
-            v-divider
+            v-divider.mt-3
             v-subheader.pl-0 Two-Factor Authentication (2FA)
             .caption.mb-2 2FA adds an extra layer of security by requiring a unique code generated on your smartphone when signing in.
             v-btn(color='purple darken-4', dark, depressed).ml-0 Enable 2FA
             v-btn(color='purple darken-4', dark, depressed, disabled).ml-0 Disable 2FA
-            v-divider
+            v-divider.mt-3
             v-subheader.pl-0 Change Password
             v-text-field(label='Current Password', prepend-icon='last_page')
             v-text-field(label='New Password', prepend-icon='last_page')
@@ -68,7 +68,7 @@
             .body-1: strong January 1st, 2018 at 12:00 AM
             .body-2.grey--text.mt-3 Last login on
             .body-1: strong January 1st, 2018 at 12:00 AM
-            v-divider
+            v-divider.mt-3
             .body-2.grey--text.mt-3 Pages created
             .body-1: strong 0
             .body-2.grey--text.mt-3 Comments posted