config_service: make UI adjustable for mobile

appengine/config_service/ui/src/config-ui/config-ui.html

Index: appengine/config_service/ui/src/config-ui/config-ui.html
diff --git a/appengine/config_service/ui/src/config-ui/config-ui.html b/appengine/config_service/ui/src/config-ui/config-ui.html
index 5318afdb5196318e67e1f1e146a70a273da0cd94..6b8fbdb801f4c3fb6e06d868c619518b9a7beb07 100644
--- a/appengine/config_service/ui/src/config-ui/config-ui.html
+++ b/appengine/config_service/ui/src/config-ui/config-ui.html
@@ -20,23 +20,23 @@
 <dom-module id="config-ui">
   <template>
     <style>
-      * { font-family: sans-serif; }
+      @media only screen and (min-width: 768px) {
+        app-toolbar {
+          height: 60px;
+        }
 
-      app-toolbar {
-        background-color: var(--google-blue-500);
-        color: #232323;
-        height: 60px;
-      }
+        .logo { 
+          height: 50px;
+        }
 
-      .logo { 
-        height: 50px;
+        .right { margin-left:15px; }
       }
 
-      .right { margin-left:15px; }
+      * { font-family: sans-serif; }
 
-      .title {
-        font-size: 125%;
-        color: white;
+      app-toolbar {
+        background-color: var(--google-blue-500);
+        color: #232323;
       }
 
       .link {
@@ -44,6 +44,11 @@
         color: white;
         margin-right: 10px;
       }
+
+      .title {
+        color: white;
+        font-size: 125%;
+      }
     </style>
 
     <app-drawer-layout fullbleed force-narrow>