Add top level app element

appengine/swarming/elements/res/imp/common/auth-signin.html

Index: appengine/swarming/elements/res/imp/common/auth-signin.html
diff --git a/appengine/swarming/elements/imp/common/auth-signin.html b/appengine/swarming/elements/res/imp/common/auth-signin.html
similarity index 85%
rename from appengine/swarming/elements/imp/common/auth-signin.html
rename to appengine/swarming/elements/res/imp/common/auth-signin.html
index 635f68bbd45c444d8e4fc6d66f2bff419856adb8..10a5f08199dc4444c8a5a1352b00c6fe95901235 100644
--- a/appengine/swarming/elements/imp/common/auth-signin.html
+++ b/appengine/swarming/elements/res/imp/common/auth-signin.html
@@ -27,8 +27,8 @@
     auth-signin: Fired when the oauth handshake has completed and a user has logged in.
 -->
 
-<link rel="import" href="../../bower_components/google-signin/google-signin-aware.html">
-<link rel="import" href="../../bower_components/polymer/polymer.html">
+<link rel="import" href="/res/imp/bower_components/google-signin/google-signin-aware.html">
+<link rel="import" href="/res/imp/bower_components/polymer/polymer.html">
 
 
 <dom-module id="auth-signin">
@@ -37,8 +37,11 @@
       #avatar {
         border-radius: 5px;
       }
-      #signinContainer {
-        margin-top: 14px;
+      a {
+        color: white;
+      }
+      .center {
+        vertical-align: middle;
       }
     </style>
 
@@ -56,10 +59,10 @@
     </template>
 
     <template is="dom-if" if="[[signedIn]]">
-      <img id="avatar" src="[[profile.imageUrl]]" width="30" height="30">
-      <span>[[profile.email]]</span>
-      <span>|</span>
-      <a on-tap="signOut" href="#">Sign out</a>
+      <img class="center" id="avatar" src="[[profile.imageUrl]]" width="30" height="30">
+      <span class="center" >[[profile.email]]</span>
+      <span class="center" >|</span>
+      <a class="center" on-tap="signOut" href="#">Sign out</a>
     </template>
   </template>
   <script>