[MD settings] set margins on change download location button

chrome/browser/resources/settings/settings_shared_css.html

Index: chrome/browser/resources/settings/settings_shared_css.html
diff --git a/chrome/browser/resources/settings/settings_shared_css.html b/chrome/browser/resources/settings/settings_shared_css.html
index dfcba57e1a90770fefe14754f2bdaf2cb75c3d4f..9e22320ab4bdd6bb4921ef9bcd7cc7cd9fa8695d 100644
--- a/chrome/browser/resources/settings/settings_shared_css.html
+++ b/chrome/browser/resources/settings/settings_shared_css.html
@@ -73,7 +73,7 @@
         text-decoration: none;
       }
 
-      /* For elements that are simple outlinks but dont look like anchors. */
+      /* For elements that are simple out-links but don't look like anchors. */
       .inherit-color {
         color: inherit !important;
       }
@@ -85,6 +85,8 @@
        * most users will not need. */
       .primary-button {
         --paper-button: {
+          -webkit-padding-end: var(--settings-button-edge-spacing);
+          -webkit-padding-start: var(--settings-button-edge-spacing);
           font-weight: 500;
           text-align: start;
         };
@@ -102,6 +104,8 @@
       /* See notes in .primary-button. */
       .secondary-button {
         --paper-button: {
+          -webkit-padding-end: var(--settings-button-edge-spacing);
+          -webkit-padding-start: var(--settings-button-edge-spacing);
           color: var(--paper-grey-600);
           font-weight: 500;
           min-width: 1em;  /* A tighter fit than 5.14em for short buttons. */
@@ -113,12 +117,9 @@
       }
 
       .settings-box .primary-button,
-      .settings-box .secondary-button,
       .settings-box .secondary-button {
-        -webkit-margin-end: -12px;
-        -webkit-margin-start: -12px;
-        -webkit-padding-end: 12px;
-        -webkit-padding-start: 12px;

[dschuyler, 2017/05/08 23:35:04]

Moving the padding to the .primary-button and .secondary-button applies the
padding to settings-controlled-button as well (which is desired).

The other change is moving from using 12/-12px to using a variable.

+        -webkit-margin-end: calc(var(--settings-button-edge-spacing) * -1);
+        -webkit-margin-start: calc(var(--settings-button-edge-spacing) * -1);
       }
 
       paper-checkbox {