[MD settings] align sliders with margin

chrome/browser/resources/settings/controls/settings_slider.html

Index: chrome/browser/resources/settings/controls/settings_slider.html
diff --git a/chrome/browser/resources/settings/controls/settings_slider.html b/chrome/browser/resources/settings/controls/settings_slider.html
index e80d1caea85d74a635e6c041407a63ad11237b6a..6a5b402954acefcb07add76bb17b0fc0ec655301 100644
--- a/chrome/browser/resources/settings/controls/settings_slider.html
+++ b/chrome/browser/resources/settings/controls/settings_slider.html
@@ -7,6 +7,10 @@
   <template>
     <style>
       :host {
+        --calculated-paper-slider-height: var(--paper-slider-height, 2px);
+        /* Counteract the margin on #sliderContainer in paper-slider.html. */
+        -webkit-margin-end:
+            calc(-15px - var(--calculated-paper-slider-height)/2);

[dschuyler, 2017/04/18 00:55:24]

Lines 10 through 13 can be replaced with:

-webkit-margin-end: -16px;  /* Overlap margin. */

If that is preferred. It's less precise, but it's much easier to read.

[stevenjb, 2017/04/18 15:53:38]

This seems fine to me.
nit: space surrounding '/'

         display: inline-flex;
       }