refactor: logging + search modules PH

client/components/admin/admin-logging.vue

@@ -1,6 +1,6 @@
 <template lang='pug'>
-  v-card(flat)
-    v-card(flat, :color='$vuetify.dark ? "grey darken-4" : "grey lighten-5"').pa-3.pt-4
+  v-card(tile, :color='$vuetify.dark ? "grey darken-4" : "grey lighten-5"')
+    .pa-3.pt-4
       .headline.primary--text Logging
       .subheading.grey--text Configure the system logger(s)
     v-tabs(:color='$vuetify.dark ? "primary" : "grey lighten-4"', fixed-tabs, :slider-color='$vuetify.dark ? "white" : "primary"', show-arrows)
@@ -8,7 +8,7 @@
       v-tab(v-for='svc in activeServices', :key='svc.key') {{ svc.title }}
 
       v-tab-item(key='settings', :transition='false', :reverse-transition='false')
-        v-card.pa-3
+        v-card.pa-3(flat, tile)
           .body-2.pb-2 Select which logging service to enable:
           v-form
             v-checkbox(
@@ -21,29 +21,27 @@
               :disabled='svc.key === `console`'
               hide-details
             )
-            v-divider
-            v-btn(color='primary')
-              v-icon(left) chevron_right
-              | Set Services
-            v-btn(color='black', dark, @click='toggleConsole')
-              v-icon(left) keyboard
-              | View Console
-            v-btn(color='black', dark)
-              v-icon(left) layers_clear
-              | Purge Logs
-            v-btn(icon, @click='refresh')
-              v-icon.grey--text refresh
 
       v-tab-item(v-for='(svc, n) in activeServices', :key='svc.key', :transition='false', :reverse-transition='false')
-        v-card.pa-3
+        v-card.pa-3(flat, tile)
           v-form
             v-subheader Service Configuration
             .body-1(v-if='!svc.props || svc.props.length < 1') This logging service has no configuration options you can modify.
             v-text-field(v-else, v-for='prop in svc.props', :key='prop', :label='prop', prepend-icon='mode_edit')
-            v-divider
-            v-btn(color='primary')
-              v-icon(left) chevron_right
-              | Save Configuration
+
+    v-card-chin
+      v-btn(color='primary', @click='save')
+        v-icon(left) chevron_right
+        span Apply Configuration
+      v-btn(color='black', dark, @click='toggleConsole')
+        v-icon(left) keyboard
+        span View Console
+      v-btn(color='black', dark)
+        v-icon(left) layers_clear
+        span Purge Logs
+      v-spacer
+      v-btn(icon, @click='refresh')
+        v-icon.grey--text refresh
 
     logging-console(v-model='showConsole')
 </template>