[MD settings] adjust button layout

ui/webui/resources/cr_elements/shared_style_css.html

Index: ui/webui/resources/cr_elements/shared_style_css.html
diff --git a/ui/webui/resources/cr_elements/shared_style_css.html b/ui/webui/resources/cr_elements/shared_style_css.html
index b5464b7dfbd504235071d70a7b05c8017fd89627..887d4c7ec414bbd576ece91c549bdefaa8db5745 100644
--- a/ui/webui/resources/cr_elements/shared_style_css.html
+++ b/ui/webui/resources/cr_elements/shared_style_css.html
@@ -49,7 +49,8 @@
       }
 
       button[is='paper-icon-button-light'] {
-        @apply(--cr-paper-icon-button-margin);
+        -webkit-margin-end: calc(var(--cr-icon-ripple-padding) * -1);
+        -webkit-margin-start: 16px;
         background-position: center;
         background-repeat: no-repeat;
         background-size: var(--cr-icon-size);
@@ -58,6 +59,10 @@
         width: var(--cr-icon-ripple-size);
       }
 
+      .separator + button[is='paper-icon-button-light'] {
+        -webkit-margin-start: calc(var(--cr-icon-ripple-padding) * -1);
+      }
+
       button[is='paper-icon-button-light'].subpage-arrow {
         background-image: url(chrome://resources/images/arrow_right.svg);
       }
@@ -80,6 +85,20 @@
         display: none;
       }
 
+      paper-icon-button {
+        color: var(--paper-grey-600);
+        flex-shrink: 0;
+      }
+
+      paper-icon-button {
+        -webkit-margin-end: calc(var(--cr-icon-ripple-padding) * -1);
+        -webkit-margin-start: 16px;
+      }
+
+      .separator + paper-icon-button {
+        -webkit-margin-start: calc(var(--cr-icon-ripple-padding) * -1);
+      }
+
       paper-icon-button.subpage-arrow {
         background-image: url(../images/arrow_right.svg);
       }
@@ -93,7 +112,6 @@
         border-color: transparent;
         border-style: solid;
         border-width: 1px 0;
-        overflow-y: auto;

[dschuyler, 2017/05/25 21:30:24]

I'm concerned about this because I don't have a full picture of the impact of
this change. The reason it was changed was to get full paper ripples (avoid
cutting off the right edge of ripples) in the onStartup url list. I haven't seen
any issues with removing it yet.

       }
       [scrollable].is-scrolled {
         border-top-color: var(--google-grey-300);