[MD settings] change ClearBrowsingData from a sub-page to a dialog

chrome/browser/resources/settings/settings_dialog_css.html

Index: chrome/browser/resources/settings/settings_dialog_css.html
diff --git a/chrome/browser/resources/settings/settings_dialog_css.html b/chrome/browser/resources/settings/settings_dialog_css.html
index 4f61bc5d0d9bc0d446e3a046c5546a343ff0da15..16d9cb74676c4496ed3bfde659b18f67dc74d520 100644
--- a/chrome/browser/resources/settings/settings_dialog_css.html
+++ b/chrome/browser/resources/settings/settings_dialog_css.html
@@ -24,12 +24,22 @@
 
       paper-dialog .top-row {
         align-items: center;
-        border-bottom: 1px solid gainsboro;
+        border-bottom: 1px solid var(--paper-grey-300);
         display: flex;
         padding-bottom: 5px;
         padding-top: 5px;
       }
 
+      paper-dialog .row {
+        align-items: center;
+        display: flex;
+        min-height: 40px;
+      }
+
+      paper-dialog .row .start {
+        flex: 1;
+      }
+
       paper-dialog .title {
         flex: 1;
         font-size: 1.13em;
@@ -46,8 +56,24 @@
         -webkit-padding-start: 24px;
       }
 
+      paper-dialog .feedback-bar {
+        background-color: var(--paper-grey-200);
+        margin: 0;
+        padding: 20px;
+      }
+
+      paper-dialog .action-button {
+        -webkit-margin-start: 10px;
+        font-weight: 500;
+      }
+
+      paper-dialog .action-button:not([disabled]) {
+        background-color: var(--google-blue-500);
+        color: white;
+      }
+
       paper-dialog .cancel-button {
-        color: rgb(109, 109, 109);
+        color: var(--paper-grey-600);
         font-weight: 500;
       }
 
@@ -66,7 +92,7 @@
       }
 
       paper-dialog paper-button[toggles][active] {
-        background-color: LightGray;
+        background-color: var(--paper-grey-300);
       }
     </style>
   </template>