MD Settings: Fix several global UI polish bugs.

chrome/browser/resources/settings/settings_vars_css.html

Index: chrome/browser/resources/settings/settings_vars_css.html
diff --git a/chrome/browser/resources/settings/settings_vars_css.html b/chrome/browser/resources/settings/settings_vars_css.html
index b3cbbf96bc7cba97897863bf571b635c4863e448..06c58f1d4e5955da8393cbb5fe0753da3b0f2b9d 100644
--- a/chrome/browser/resources/settings/settings_vars_css.html
+++ b/chrome/browser/resources/settings/settings_vars_css.html
@@ -40,12 +40,11 @@
     /* These are used for the settings-box containers, which may contain one or
      * more "row items". */
     --settings-box-min-height: 48px;
-    --settings-box-two-line-min-height: 60px;
+    --settings-box-two-line-min-height: 64px;
 
     --settings-secondary: {
       color: var(--paper-grey-600);
       font-weight: 400;
-      margin-top: 4px;

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

Just so I know if I'm following this correctly, this is being superseded by
line-height: 154%; /* Apply 20px line-height to all texts by default. */
in this same CL?

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

You're correct!

     };
     --settings-separator-line: var(--cr-separator-line);
 
@@ -55,7 +54,7 @@
     --settings-toggle-bar-size: {
       height: 12px;
       left: 4px;
-      width: 24px;
+      width: 28px;
     };
     --settings-toggle-button-size: {
       box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
@@ -63,6 +62,12 @@
       top: -2px;
       width: 16px;
     };
+    --settings-toggle-ink-size: {
+      height: 40px;
+      top: -12px;
+      left: -12px;
+      width: 40px;
+    };
     --settings-toggle-color: var(--google-blue-500);
 
     --checkbox-margin-start: 2px;
@@ -97,11 +102,18 @@
     --paper-toggle-button-checked-bar-color: var(--settings-toggle-color);
     --paper-toggle-button-checked-button: {
       @apply(--settings-toggle-button-size);
-      transform: translate(14px, 0);
+      transform: translate(18px, 0);
     };
     --paper-toggle-button-checked-button-color: var(--settings-toggle-color);
     --paper-toggle-button-label-spacing: 0;
     --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size);
     --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size);
+    --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size);
+
+    --settings-input-underline: {
+      border-color: var(--paper-grey-300);
+    }
+
+    --paper-input-container-underline: var(--settings-input-underline);
   }
 </style>