ChromeOS Gaia: UI polishing

chrome/browser/resources/chromeos/login/offline_gaia.html

 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/polymer/layout.html">
 <link rel="import" href="chrome://resources/polymer/core-animated-pages/core-animated-pages.html">
 <link rel="import" href="chrome://resources/polymer/core-animated-pages/transitions/slide-from-right.html">
 <link rel="import" href="chrome://resources/polymer/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/paper-dialog/paper-action-dialog.html">
 
 <!--
   Offline UI for the New Gaia flow.
   Contains two cards with a slide transition between them:
     1. Email input form.
     2. Password input form.
 
   Example:
     <offline-gaia></offline-gaia>
 
   Attributes:
     'enterpriseInfo' - Information about device management.
+    'emailDomain' - autocomplete domain for the email input.
 
   Events:
-    'flowfinished' - fired when user enters login and password. Fires with an
-                     argument |credentials| which contains.
-                     |credentials| = { 'useOffline': true,
-                                       'email': <typed email>,
-                                       'password': <typed password> }
+    'authCompleted' - fired when user enters login and password. Fires with an
+                      argument |credentials| which contains.
+                      |credentials| = { 'useOffline': true,
+                                        'email': <email>,
+                                        'password': <typed password> }
+                      If user did not type domain |email| will be added by
+                      "@gmail.com" or by 'emailDomain' if it is set.
   Methods:
     'focus' - focuses current screen (email input or password input);
     'setEmail' - accepts an argument |email|. If |email| is empty it sets
                  current screen to the email input, otherwise it sets current
                  screen to password input and shows error that previously
                  entered password is incorrect.
 -->
-<polymer-element name="offline-gaia" vertical layout attributes="enterpriseInfo">
+<polymer-element name="offline-gaia" vertical layout
+    attributes="enterpriseInfo emailDomain">
   <template>
     <link rel="stylesheet" href="offline_gaia.css">
     <gaia-core-icon-button id="backButton" icon="arrow-back"
         on-tap="{{onBack}}">
     </gaia-core-icon-button>
     <core-animated-pages id="animatedPages" transitions="slide-from-right"
         on-core-animated-pages-transition-end="{{onTransitionEnd}}" flex>
       <section flex>
         <gaia-card>
           <div class="header" flex vertical layout end-justified start>
             <h1 class="welcome-message" i18n-content="offlineLoginWelcome"></h1>
             <p class="enterprise-info"  hidden?="{{!enterpriseInfo}}">
               {{enterpriseInfo}}
             </p>
           </div>
           <div class="footer" flex vertical layout justified>
             <gaia-input-form id="emailInput" inputType="email"
+                emailDomain="{{emailDomain}}"
                 i18n-values="errorMsg:offlineLoginInvalidEmail;
                              inputLabel:offlineLoginEmail;
                              buttonText:offlineLoginNextBtn">
             </gaia-input-form>
             <img self-center src="chrome://theme/IDR_LOGO_GOOGLE_COLOR_90"
                 alt="">
           </div>
         </gaia-card>
       </section>
       <section flex>
@@ skipping 15 matching lines @@
               <gaia-paper-button id="dialogCloseBtn" affirmative autofocus
                   i18n-content="offlineLoginCloseBtn">
               </gaia-paper-button>
             </paper-action-dialog>
           </gaia-input-form>
         </gaia-card>
       </section>
     </core-animated-pages>
   </template>
 </polymer-element>