Device emulator: Replace usage of paper-dialog with cr-dialog.

chrome/browser/resources/chromeos/emulator/bluetooth_settings.html

 <link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
+<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable-behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.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-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-button/paper-radio-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-group/paper-radio-group.html">
 <link rel="import" href="icons.html">
 <link rel="import" href="shared_styles.html">
 
 <dom-module id="bluetooth-settings">
   <template>
     <!-- TODO(michaelpg): Wrap the line below to fit within the 80-char limit.
          See https://github.com/Polymer/polymer/pull/3668. -->
-    <style include="device-emulator-shared-styles iron-flex iron-flex-alignment iron-positioning">
+    <style include="device-emulator-shared-styles cr-shared-style iron-flex iron-flex-alignment iron-positioning">
     </style>
-    <paper-dialog on-iron-overlay-opened="editDialogOpened" with-backdrop
-        id="editDialog">
-      <div class="element-label">[[currentEditableObject.alias]]</div>
-      <div>
+    <dialog is="cr-dialog" id="editDialog">
+      <div class="title">[[currentEditableObject.alias]]</div>
+      <div class="body">
         <form>
           <div class="form-field-section">
             <paper-input value="{{currentEditableObject.alias}}"
                 label="Alias"></paper-input>
             <paper-input on-input="validatePath"
                 id="devicePathInput"
                 value="{{currentEditableObject.path}}"
                 label="Path" on-input="validatePath"></paper-input>
             <paper-input value="{{currentEditableObject.name}}"
                 label="Name"></paper-input>
@@ skipping 53 matching lines @@
                       items="[[deviceAuthenticationActions]]">
                     <paper-radio-button name="[[item]]"
                         >[[item]]</paper-radio-button>
                   </template>
                 </paper-radio-group>
               </label>
             </div>
           </div>
         </form>
       </div>
-      <div class="buttons">
-        <paper-button dialog-dismiss>Close</paper-button>
+      <div class="button-container">
+        <paper-button class="action-button" on-tap="onCloseTap_">
+          Close
+        </paper-button>
       </div>
-    </paper-dialog>
+    </dialog>
 
     <div class="layout vertical">
       <div class="element-label">
         <paper-icon-button icon="device-emulator:bluetooth"></paper-icon-button>
         Bluetooth
       </div>
       <table class="devices-table">
         <tbody>
           <tr class="table-section-header">
             <td colspan="2">Presets</td>
@@ skipping 58 matching lines @@
       </table>
       <div class="add-device-container">
         <paper-button on-click="appendNewDevice">
           Add Device
         </paper-button>
       </div>
     </div>
   </template>
   <script src="bluetooth_settings.js"></script>
 </dom-module>