MD Settings: Creating a <settings-dialog> element.

chrome/browser/resources/settings/on_startup_page/startup_urls_page.html

Index: chrome/browser/resources/settings/on_startup_page/startup_urls_page.html
diff --git a/chrome/browser/resources/settings/on_startup_page/startup_urls_page.html b/chrome/browser/resources/settings/on_startup_page/startup_urls_page.html
index 1c3bc6ad1424cb61ec5defbacc746033ae638fb5..a53f2d22797abe28eb81539ed8dd6e61dd453304 100644
--- a/chrome/browser/resources/settings/on_startup_page/startup_urls_page.html
+++ b/chrome/browser/resources/settings/on_startup_page/startup_urls_page.html
@@ -1,7 +1,6 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.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-input/paper-input.html">
-<link rel="import" href="chrome://md-settings/settings_dialog_css.html">
+<link rel="import" href="chrome://md-settings/settings_dialog.html">
 <link rel="import" href="chrome://md-settings/settings_shared_css.html">
 
 <dom-module id="settings-startup-urls-page">
@@ -29,33 +28,24 @@
       </div>
     </div>
 
-    <paper-dialog modal id="addUrlDialog" class="layout vertical">
-      <div id="dialog-content">
-        <div class="top-row">
-          <div class="title" i18n-content="onStartupAddNewPage"></div>
-          <paper-icon-button icon="clear" on-tap="onCancelTap_" id="close">
-          </paper-icon-button>
-        </div>
-        <div class="body">
-          <div class="explanation">
-            <paper-input class="flex" always-float-label
-                i18n-values="label:onStartupSiteUrl" value="{{newUrl}}">
-            </paper-input>
-          </div>
-          <div class="button-container">
-            <div class="action-buttons">
-              <paper-button class="cancel-button" on-tap="onCancelTap_"
-                  id="cancel" i18n-content="cancel"></paper-button>
-              <!-- TODO(dbeam): this button should be [disabled] when |newUrl|
-                   is empty. -->
-              <paper-button class="action-button" on-tap="onOkTap_"
-                  id="addUrlButton" i18n-content="add"></paper-button>
-            </div>
-          </div>
+    <settings-dialog id="addUrlDialog">
+      <div class="title" i18n-content="onStartupAddNewPage"></div>
+      <div class="body">
+        <paper-input class="flex" always-float-label
+            i18n-values="label:onStartupSiteUrl" value="{{newUrl}}">
+        </paper-input>
+      </div>
+      <div class="button-container">
+        <div class="action-buttons">
+          <paper-button class="cancel-button" on-tap="onCancelTap_"
+              id="cancel" i18n-content="cancel"></paper-button>
+          <!-- TODO(dbeam): this button should be [disabled] when |newUrl|
+               is empty. -->
+          <paper-button class="action-button" on-tap="onOkTap_"
+              id="addUrlButton" i18n-content="add"></paper-button>
         </div>
       </div>
-    </paper-dialog>
-
+    </settings-dialog>
   </template>
   <script src="startup_urls_page.js"></script>
 </dom-module>