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

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

Index: chrome/browser/resources/chromeos/emulator/audio_settings.html
diff --git a/chrome/browser/resources/chromeos/emulator/audio_settings.html b/chrome/browser/resources/chromeos/emulator/audio_settings.html
index 207c70ec6ce83a2f83d8d5927274ad4ea8910459..eacb65eb2dd31967f9af246b758f7f598280b046 100644
--- a/chrome/browser/resources/chromeos/emulator/audio_settings.html
+++ b/chrome/browser/resources/chromeos/emulator/audio_settings.html
@@ -1,9 +1,10 @@
 <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">
@@ -15,11 +16,11 @@
   <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 with-backdrop id="editDialog">
-      <div class="element-label">[[currentEditableObject.deviceName]]</div>
-      <div>
+    <dialog is="cr-dialog" id="editDialog">
+      <div class="title">[[currentEditableObject.deviceName]]</div>
+      <div class="body">
         <form>
           <div class="form-field-section">
             <paper-input value="{{currentEditableObject.deviceName}}"
@@ -53,11 +54,12 @@
           </div>
         </form>
       </div>
-      <div class="buttons">
-        <paper-button on-click="insertEditedAudioNode"
-            dialog-dismiss>Done</paper-button>
+      <div class="button-container">
+        <paper-button class="action-button" on-click="insertEditedAudioNode">
+          Done
+        </paper-button>
       </div>
-    </paper-dialog>
+    </dialog>
 
     <div class="layout vertical">
       <div class="element-label">