CrOS OOBE login: Replace last usages of paper-dialog with cr-dialog.

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

 <!-- Copyright 2015 The Chromium Authors. All rights reserved.
      Use of this source code is governed by a BSD-style license that can be
      found in the LICENSE file. -->
 
+<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-from-left-animation.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-from-right-animation.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-left-animation.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-right-animation.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animated-pages.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog/paper-dialog.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.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>
@@ skipping 15 matching lines @@
     '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.
 -->
 <dom-module id="offline-gaia">
   <link rel="stylesheet" href="offline_gaia.css">
 
   <template>
+    <style include="cr-shared-style"></style>
     <neon-animated-pages id="animatedPages" class="fit" attr-for-selected="id"
         entry-animation="slide-from-right-animation"
         exit-animation="slide-to-left-animation"
         on-neon-animation-finish="onAnimationFinish_" selected="emailSection">
 
       <neon-animatable id="emailSection" class="fit">
         <gaia-card class="fit">
           <div class="header flex vertical layout end-justified start">
             <h1 class="welcome-message" i18n-content="loginWelcomeMessage"></h1>
             <p id="managedBy" class="enterprise-info"
@@ skipping 28 matching lines @@
                              label:offlineLoginPassword">
             </gaia-input>
             <gaia-button type="link" on-tap="onForgotPasswordClicked_"
                 i18n-content="offlineLoginForgotPasswordBtn">
             </gaia-button>
           </gaia-input-form>
         </gaia-card>
       </neon-animatable>
     </neon-animated-pages>
 
-    <paper-dialog id="forgotPasswordDlg" no-cancel-on-outside-click
-        on-iron-overlay-closed="onDialogOverlayClosed_">
-      <p i18n-content="offlineLoginForgotPasswordDlg"></p>
-      <div class="buttons">
-        <gaia-button type="dialog" dialog-confirm autofocus
-            i18n-content="offlineLoginCloseBtn">
-        </gaia-button>
+    <dialog is="cr-dialog" id="forgotPasswordDlg"
+        on-close="onDialogOverlayClosed_">
+      <div class="body" i18n-content="offlineLoginForgotPasswordDlg"></div>
+      <div class="button-container">
+        <paper-button autofocus on-tap="onForgotPasswordCloseTap_"
+            i18n-content="offlineLoginCloseBtn" class="action-button">
+        </paper-button>
       </div>
-    </paper-dialog>
+    </dialog>
   </template>
 </dom-module>