Fix slider padding and range input styling

Author: jasonpnp

components/dash-core-components/src/components/css/sliders.css

@@ -7,12 +7,16 @@
     touch-action: none;
     width: 100%;
     height: 14px;
-    padding: 8px 0 28px 0;
+    padding: 18px 0 18px 0;
     box-sizing: border-box;
     /* Override Radix's default margin/padding behavior */
     --radix-slider-thumb-width: 16px;
 }
 
+.dash-slider-root.has-marks {
+    padding: 8px 0 28px 0;
+}
+
 .dash-slider-root[data-orientation='vertical'].has-marks {
     padding-bottom: 0px;
 }
@@ -187,7 +191,6 @@
 
 .dash-range-slider-input {
     width: 64px;
-    margin-top: 8px;
     text-align: center;
     -moz-appearance: textfield;
 }