MD Settings: Fix several global UI polish bugs.

chrome/browser/resources/settings/settings_page/settings_subpage.html

Index: chrome/browser/resources/settings/settings_page/settings_subpage.html
diff --git a/chrome/browser/resources/settings/settings_page/settings_subpage.html b/chrome/browser/resources/settings/settings_page/settings_subpage.html
index 5bb179d03169030885955d1af1fa8707b7527d06..c6fedc4d104a529ff5bb245783254742252e8446 100644
--- a/chrome/browser/resources/settings/settings_page/settings_subpage.html
+++ b/chrome/browser/resources/settings/settings_page/settings_subpage.html
@@ -18,9 +18,14 @@
 
       .settings-box.first {
         min-height: 40px;
+        padding-bottom: 24px;

[dschuyler, 2017/01/28 02:24:26]

It may be an optical illusion, but the screen shot of this padding looks much
larger than in Alan's reference screen shot. I'm wondering if Alan meant from
the bottom of one line of text to the top of the other line of text should be
24px (that's the way the mock have often shown spacing). Because the text lines
themselves may have space above/below them, the 24px may need to be a smaller
value to get the same visual result (or the other spacing needs to be removed).

[scottchen, 2017/01/30 22:39:28]

I think I misunderstood the bug report for this one.

         padding-top: 8px;
       }
 
+      .settings-box.first > h1 {
+        -webkit-margin-start: 4px;
+      }
+
       paper-icon-button {
         /* Centers the ripple on the icon with appropriate margin on right. */
         -webkit-margin-end: 8px;