fix: streamline admin UI with common save actions

client/components/admin/admin-dev.vue

@@ -1,25 +1,31 @@
 <template lang='pug'>
-  div
-    v-card(flat, :color='$vuetify.dark ? "grey darken-4" : "grey lighten-5"').pa-3.pt-4
-      .admin-header-icon: v-icon(size='80', color='grey lighten-2') weekend
-      .headline.primary--text Developer Tools
-      .subheading.grey--text ¯\_(ツ)_/¯
-    v-tabs(
-      v-model='selectedTab'
-      :color='$vuetify.dark ? "primary" : "grey lighten-4"'
-      fixed-tabs
-      :slider-color='$vuetify.dark ? "white" : "primary"'
-      show-arrows
-      @input='tabChanged'
-      )
-      v-tab(key='0') Graph API Playground
-      v-tab(key='1') Graph API Map
-    v-tabs-items(v-model='selectedTab')
-      v-tab-item(key='0', :transition='false', :reverse-transition='false')
-        #graphiql
+  v-container(fluid, grid-list-lg)
+    v-layout(row, wrap)
+      v-flex(xs12)
+        .admin-header
+          v-icon(size='80', color='grey lighten-2') weekend
+          .admin-header-title
+            .headline.primary--text Developer Tools
+            .subheading.grey--text ¯\_(ツ)_/¯
 
-      v-tab-item(key='1', :transition='false', :reverse-transition='false')
-        #voyager
+        v-card.mt-3
+          v-tabs(
+            v-model='selectedTab'
+            color='grey darken-2'
+            fixed-tabs
+            slider-color='white'
+            show-arrows
+            dark
+            @input='tabChanged'
+            )
+            v-tab(key='0') Graph API Playground
+            v-tab(key='1') Graph API Map
+          v-tabs-items(v-model='selectedTab')
+            v-tab-item(key='0', :transition='false', :reverse-transition='false')
+              #graphiql
+
+            v-tab-item(key='1', :transition='false', :reverse-transition='false')
+              #voyager
 
 </template>