config_service: make UI responsive and change colors.

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

 <!--
   Copyright 2017 The LUCI Authors. All rights reserved.
   Use of this source code is governed under the Apache License, Version 2.0
   that can be found in the LICENSE file.
 -->
 
 <link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
 <link rel="import" href="../../bower_components/paper-button/paper-button.html">
 <link rel="import" href="../../bower_components/paper-card/paper-card.html">
 <link rel="import" href="../../bower_components/polymer/polymer.html">
 <link rel="import" href="../../bower_components/iron-icons/maps-icons.html">
 <link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
 
 <dom-module id="config-file-card">
   <template>
     <style>
       a { text-decoration: none; }
 
       paper-card {
-        max-width: 500px;
         width: 100%;
       }
 
-      .config-title { @apply --paper-font-headline; }
+      .config-title { 
+        @apply --paper-font-headline; 
+        word-wrap: break-word;
+      }
 
       .light { color: var(--paper-grey-600); }
 
       .config-open { color: var(--google-blue-500); }
     </style>
 
     <paper-card elevation="2">
       <div class="card-content">
         <div class="config-title">[[name]]</div>
       </div>
@@ skipping 15 matching lines @@
           type: String
         },
 
         link: {
           type: String
         },
       }
     });
   </script>
 </dom-module>