config_service: release the UI to the front page

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

Index: appengine/config_service/ui/src/config-ui/front-page.html
diff --git a/appengine/config_service/ui/src/config-ui/front-page.html b/appengine/config_service/ui/src/config-ui/front-page.html
index f8ca57546e536347e4b0255a363b0423c1223ab9..fd0f9b427b359aa55a42adbc0dc0124e6d76b708 100644
--- a/appengine/config_service/ui/src/config-ui/front-page.html
+++ b/appengine/config_service/ui/src/config-ui/front-page.html
@@ -18,7 +18,7 @@
   <template>
     <style>
       .center {
-        width: 23%;
+        width: 550px;

[Ryan Tseng, 2017/07/19 22:41:17]

This breaks on mobile (try narrowing the window).  
Check out:
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

768px is a common cutoff for mobile screens.

[ayanaadylova, 2017/07/19 23:28:08]

I will do it in a separate CL like Sergey suggested.

         margin: auto;
       }
 
@@ -47,7 +47,7 @@
 
       paper-search-bar {
         @apply --shadow-elevation-4dp;
-        width: 40%;
+        width: 900px;
         height: 100%;
         margin: auto;
       }
@@ -81,8 +81,8 @@
           <template is="dom-repeat" items="[[searchResults]]" as="config">
             <div class="center config-card">
               <config-set-card
-                  name="[[config.config_set]]" 
-                  last-import-attempt="[[_getLastImportAttempt(config.last_import_attempt)]]">
+                name="[[config.config_set]]" 
+                last-import-attempt="[[_getLastImportAttempt(config.last_import_attempt)]]">
               </config-set-card>
             </div>
           </template>