[MD settings] adjust button layout

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 f5a4653719711fb0ae0c50a934a781dcc2eea6ef..ec460ccfd96384174d3d80480b94153530b20ac6 100644
--- a/chrome/browser/resources/settings/settings_shared_css.html
+++ b/chrome/browser/resources/settings/settings_shared_css.html
@@ -50,8 +50,19 @@
         background-color: var(--paper-grey-300);
       }
 
-      .settings-box paper-button {
+      /* If a button is at the end of the row, shift it to overlap the end of
+       * the row. */
+      .settings-box paper-button:last-of-type {

[hcarmona, 2017/05/25 23:42:58]

This will also affect a button that is by itself.
Just making sure it's intentional.

[dschuyler, 2017/05/26 00:07:03]

If the button is entirely by itself or if it has stuff before it, that should
all be fine iiuc.
If there is only one button with (or if the last button has) stuff after it,
that may be an issue (and I intent to dig into this further after the m60
branch).

         -webkit-margin-end: calc(var(--settings-button-edge-spacing) * -1);
+      }
+
+      /* Space out multiple buttons in the same row. */
+      .settings-box paper-button + paper-button {
+        -webkit-margin-start: 16px;
+      }
+
+      /* Adjust the margin between the separator and the first button. */
+      .settings-box .separator + paper-button {
         -webkit-margin-start: calc(var(--settings-button-edge-spacing) * -1);
       }