config_service: Changed lists from paper-items to paper-cards, fixed

appengine/config_service/ui/common/auth-signin.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.
 
   The `auth-signin` element displays sign-in/sign-out button, user email and
   avatar.
   It has a google-signin/google-signin-aware element under the hood that handles
   the actual OAuth logic.
 
@@ skipping 16 matching lines @@
     auth-signin: Fired when the oauth handshake has completed and a user has logged in.
 -->
 
 <link rel="import" href="../../common/third_party/google-signin/google-signin-aware.html">
 <link rel="import" href="../../bower_components/polymer/polymer.html">
 
 
 <dom-module id="auth-signin">
   <template>
     <style>
-      #avatar {
-        border-radius: 5px;
-      }
+      #avatar { border-radius: 5px; }
 
-      a {
-        color: white;
-      }
+      .center { vertical-align: middle; }
 
-      .center {
-        vertical-align: middle;
-      }
-
-      .sign-in-font {
-        color: black;
-      }
+      .typeface { font-size: 75%; }
     </style>
 
     <google-signin-aware id="aware"
       client-id="[[client_id]]"
       scopes="email"
       on-google-signin-aware-success="_onSignin"
       on-google-signin-aware-signed-out="_onSignout">
     </google-signin-aware>
 
     <template is="dom-if" if="[[!signed_in]]">
       <div id="signinContainer">
         <!-- TODO(cwpayton): Before official deployment, change href to "/#/" -->
-        <a class="sign-in-font" on-tap="signIn" href="/newui#/">Sign in</a>
+        <a class="typeface" on-tap="signIn" href="/newui#/">Sign in</a>
       </div>
     </template>
 
     <template is="dom-if" if="[[signed_in]]">
       <img class="center" id="avatar" src="[[profile.imageUrl]]" width="30" height="30">
-      <span class="center">[[profile.email]]</span>
-      <span class="center">|</span>
+      <span class="center typeface">[[profile.email]]</span>
+      <span class="center typeface">|</span>
       <!-- TODO(cwpayton): Before official deployment, change href to "/#/" -->
-      <a class="center sign-in-font" on-tap="signOut" href="/newui#/">Sign out</a>
+      <a class="center typeface" on-tap="signOut" href="/newui#/">Sign out</a>
     </template>
   </template>
   <script>
     'use strict';
     Polymer({
       is: 'auth-signin',
       properties: {
         auth_headers: {
           type: Object,
           value: () => {},
@@ skipping 87 matching lines @@
         this.$.aware.signIn();
       },
 
       signOut: function() {
         this.$.aware.signOut();
         window.location.reload();
       }
     });
   </script>
 </dom-module>