Cleaned up CSS indentation

holoviews/plotting/widgets/htmlslider.jinja

@@ -14,7 +14,7 @@
         <label for="textInput{{ id }}_{{ widget_data['dim'] }}">
           <strong>{{ widget_data['dim_label'] }}:</strong>
         </label>
-        <div class="holowell row row-fluid">
+        <div class="holowell">
           <div class="hologroup">
             <input type="text" class="holotext form-control input-small"
                    id="textInput{{ id }}_{{ widget_data['dim'] }}" value="" readonly>

holoviews/plotting/widgets/jsslider.css

@@ -1,85 +1,88 @@
 div.hololayout {
-    display: flex;
-    align-items: center;
-    margin: 0;
+  display: flex;
+  align-items: center;
+  margin: 0;
 }
 
 div.holoframe {
-	width: 75%;
+  width: 75%;
 }
 
 div.holowell {
-    display: flex;
-    align-items: center;
-    margin: 0;
+  display: flex;
+  align-items: center;
 }
 
 form.holoform {
-    background-color: #fafafa;
-    border-radius: 5px;
-    overflow: hidden;
-	padding-left: 0.8em;
-    padding-right: 0.8em;
-    padding-top: 0.4em;
-    padding-bottom: 0.4em;
-	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-	margin-bottom: 20px;
-	border: 1px solid #e3e3e3;
+  background-color: #fafafa;
+  border-radius: 5px;
+  overflow: hidden;
+  padding-left: 0.8em;
+  padding-right: 0.8em;
+  padding-top: 0.4em;
+  padding-bottom: 0.4em;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  margin-bottom: 20px;
+  border: 1px solid #e3e3e3;
 }
 
 div.holowidgets {
-    padding-right: 0;
-	width: 25%;
+  padding-right: 0;
+  width: 25%;
 }
 
 div.holoslider {
-    min-height: 0 !important;
-    height: 0.8em;
-    width: 60%;
+  min-height: 0 !important;
+  height: 0.8em;
+  width: 100%;
 }
 
 div.holoformgroup {
-    padding-top: 0.5em;
-    margin-bottom: 0.5em;
+  padding-top: 0.5em;
+  margin-bottom: 0.5em;
 }
 
 div.hologroup {
-    padding-left: 0;
-    padding-right: 0.8em;
-    width: 50%;
+  padding-left: 0;
+  padding-right: 0.8em;
 }
 
 .holoselect {
-    width: 92%;
-    margin-left: 0;
-    margin-right: 0;
+  width: 92%;
+  margin-left: 0;
+  margin-right: 0;
 }
 
 .holotext {
-    width: 100%;
-    padding-left:  0.5em;
-    padding-right: 0;
+  padding-left:  0.5em;
+  padding-right: 0;
 }
 
 .holowidgets .ui-resizable-se {
-	visibility: hidden
+  visibility: hidden
 }
 
 .holoframe > .ui-resizable-se {
-	visibility: hidden
+  visibility: hidden
 }
 
 .holowidgets .ui-resizable-s {
-	visibility: hidden
+  visibility: hidden
 }
 
 .noUi-handle {
-	width: 20px !important;
-    height: 20px !important;
-    left: -5px !important;
-    top: -5px !important;
+  width: 20px !important;
+  height: 20px !important;
+  left: -5px !important;
+  top: -5px !important;
 }
 
 .noUi-handle:before, .noUi-handle:after {
-	visibility: hidden;
+  visibility: hidden;
+  height: 0px;
+}
+
+.noUi-target {
+  margin-left: 0.5em;
+  margin-right: 0.5em;
 }