ChromeOS Gaia: Polishing Offline UI and Password changed UI according to specs

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:
@@ skipping 23 matching lines @@
   <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 i18n-content="offlineLoginWelcome"></h1>
-            <p hidden?="{{!enterpriseInfo}}">
+            <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"
                 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>
         <gaia-card>
           <gaia-header class="header" id="passwordHeader">
           </gaia-header>
           <gaia-input-form id="passwordInput" class="footer"
               inputType="password"
               i18n-values="errorMsg:offlineLoginInvalidPassword;
                            inputLabel:offlineLoginPassword;
                            buttonText:offlineLoginNextBtn">
-            <a href="#" class="newgaia-link"
-                on-tap="{{onForgotPasswordClicked}}"
-                on-keydown="{{onForgotPasswordKeyDown}}"
-                tabindex="0"
-                i18n-content="offlineLoginForgotPasswordBtn">
-            </a>
+            <gaia-paper-button noink class="link-button"
+                i18n-content="offlineLoginForgotPasswordBtn"
+                on-tap="{{onForgotPasswordClicked}}">
+            </gaia-paper-button>
             <paper-action-dialog id="forgotPasswordDlg" autoCloseDisabled
                 backdrop on-keydown="{{onKeyDownOnDialog}}">
               <p i18n-content="offlineLoginForgotPasswordDlg"></p>
               <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>