Visual polishing of the MD Clear Browsing Data dialog.

chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.html

Index: chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.html
diff --git a/chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.html b/chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.html
index 4640ad68dedd3951e56a0c195d94190e91671962..bebe5e1bc1587d3bca55694ebd80d6c57c77545d 100644
--- a/chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.html
+++ b/chrome/browser/resources/settings/clear_browsing_data_dialog/clear_browsing_data_dialog.html
@@ -22,14 +22,23 @@
         visibility: hidden;
       }
 
+      #dialog .button-container {
+        border-top: var(--settings-dialog-title-border);
+        padding-top: 10px;
+      }
+
+      #dialog .footer {
+        background-color: #fff;
+      }
+
       .row {
         align-items: center;
         display: flex;
         min-height: 40px;
       }
 
-      .row .start {
-        flex: 1;
+      .row .start::after {
+        content: '\00a0';
       }
 
       paper-spinner {
@@ -85,6 +94,17 @@
           display: none;
         };
       }
+
+      #clearFrom {
+        float: left;
+      }
+
+      /* Cap the height on smaller screens to avoid unfavorable clipping. */
+      @media screen and (max-height: 714px) {
+        .body {
+          max-height: 270px;
+        }
+      }
     </style>
 
     <!-- #notice correctly places its own backdrop above #dialog and under