MD Settings: Adjusting reset-page dialogs styling.

chrome/browser/resources/settings/reset_page/powerwash_dialog.html

Index: chrome/browser/resources/settings/reset_page/powerwash_dialog.html
diff --git a/chrome/browser/resources/settings/reset_page/powerwash_dialog.html b/chrome/browser/resources/settings/reset_page/powerwash_dialog.html
index fa650541e34022e6859f41181d600485f7d1b753..0911b8963fe9d7c19a3aa071feb9d1c11fa52771 100644
--- a/chrome/browser/resources/settings/reset_page/powerwash_dialog.html
+++ b/chrome/browser/resources/settings/reset_page/powerwash_dialog.html
@@ -5,18 +5,26 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog/paper-dialog.html">
 
 <dom-module id="settings-powerwash-dialog">
+  <link rel="import" type="css" href="reset_page_dialog.css">
   <template>
     <paper-dialog modal id="dialog">
-      <h2 i18n-content="powerwashDialogTitle"></h2>
-      <div i18n-content="powerwashDialogBody"></div>
-      <div class="layout center horizontal" id="buttonContainer">
-        <paper-button i18n-content="learnMore"
-            on-tap="onLearnMoreTap_" id="learnMore"></paper-button>
-        <div class="layout center buttons flex-1">
-          <paper-button on-tap="onCancelTap_" id="cancel"
-              i18n-content="cancel"></paper-button>
-          <paper-button on-tap="onRestartTap_" id="powerwash"
-              i18n-content="powerwashDialogButton"></paper-button>
+      <div id="dialog-content">
+        <div class="dialog-title"
+            i18n-content="powerwashDialogTitle"></div>
+        <div class="dialog-body">
+          <div class="explanation"
+              i18n-content="powerwashDialogExplanation"></div>
+          <div class="layout center horizontal">

[dschuyler, 2015/12/02 21:45:22]

The style guide suggests not using inlined layout center horizontal.
https://docs.google.com/document/d/1G0t519y_cSW4etXVwruR145abZH0N5-9R7JyejzVo...

[dpapad, 2015/12/02 22:21:59]

Done.

+            <paper-button i18n-content="learnMore"
+                on-tap="onLearnMoreTap_" id="learnMore"></paper-button>
+            <div class="action-buttons">
+              <paper-button class="cancel-button" on-tap="onCancelTap_"
+                  id="cancel" i18n-content="cancel"></paper-button>
+              <paper-button class="action-button" id="powerwash"
+                  on-tap="onRestartTap_" i18n-content="powerwashDialogButton">
+              </paper-button>
+            </div>
+          </div>
         </div>
       </div>
     </paper-dialog>