More <settings-dialog> tweaks to match the spec.

chrome/browser/resources/settings/settings_dialog.html

Index: chrome/browser/resources/settings/settings_dialog.html
diff --git a/chrome/browser/resources/settings/settings_dialog.html b/chrome/browser/resources/settings/settings_dialog.html
index c58286a295a2291e4d0f105552ec60f4bd829a04..3c47fa1f9066614dca17736c0ae3bb79836b3102 100644
--- a/chrome/browser/resources/settings/settings_dialog.html
+++ b/chrome/browser/resources/settings/settings_dialog.html
@@ -11,7 +11,6 @@
       .body-content {
         display: flex;
         flex-direction: column;
-        font-size: 1em;
         min-height: 120px;
       }
 
@@ -42,17 +41,25 @@
       }
 
       :host {
+        border-radius: 2px;
         max-width: 800px;
         min-width: 512px;
         overflow: auto;
       }
 
+      :host ::content .body,
+      :host ::content .footer,
+      :host ::content paper-button {
+        font-size: 92.86%; /* (13px / 14px) * 100 */
+      }
+
       :host ::content .body {
-        flex: 1;
         margin: 12px 0 24px 0;
       }
 
       :host ::content .button-container {
+        -webkit-padding-end: 16px;
+        -webkit-padding-start: 16px;
         display: flex;
         justify-content: flex-end;
         margin-bottom: 12px;
@@ -81,14 +88,14 @@
       }
 
       :host ::content .title {
-        flex: 1;
         font-size: 114.28%; /* (16px / 14px) * 100 */
       }
 
-      :host ::content .title,
-      .body-content {
+      :host ::content .body,
+      :host ::content .title {
         -webkit-padding-end: 24px;
         -webkit-padding-start: 24px;
+        flex: 1;
       }
     </style>
     <div class="dialog-content">