bug fixed in slice dates

reports/static/reports/css/scldata.css

@@ -121,9 +121,9 @@ body {
 	padding:0;
 }
 
-#reportPage{
+/* #reportPage{
 	height: 940px !important;
-}
+} */
 
 #rangecontrol:hover > #slidertitle {
     display: block;

reports/templates/sclData.html

@@ -116,29 +116,23 @@
 {% block content %}
     <!-- Content Wrapper. Contains page content -->
     <!-- Main content -->
-    <div id="reportPage" class="wrapper" style="background-color: #ecf0f5">
-
-
-        <div class="container floating-panel"
-             style="position:absolute;bottom: 40px;width: 500px;z-index: 1000">
-            <div class="range-control" id="rangecontrol">
-                <span id="tooltiptext">No Data</span>
-                <input id="inputRange" type="range" min="0" max="{{ labels|length }}"
-                       step="1" value="0"
-                       data-thumbwidth="20">
-
-
-                <datalist class="range__list" id="number">
-                    <option>No Data</option>
-                    {% for label in labels %}
-                        <option class="range__opt"
-                                value="{{ label }}">{{ label|slice:"6:8" }}/{{ label|slice:"4:6" }}/{{ label|slice:"0:4" }}</option>
-                    {% endfor %}
-                </datalist>
-
-            </div>
+    <div class="container floating-panel" style="position:absolute; bottom: 40px; left: 12%; width: 500px; z-index: 1000">
+        <div class="range-control" id="rangecontrol">
+            <span id="tooltiptext">No Data</span>
+            <input id="inputRange" type="range" min="0" max="{{ labels|length }}" step="1" value="0" data-thumbwidth="20">
+    
+    
+            <datalist class="range__list" id="number">
+                <option>No Data</option>
+                {% for label in labels %}
+                <option class="range__opt" value="{{ label }}">{{ label|slice:"6:8" }}/{{ label|slice:"4:6" }}/{{label|slice:"0:4" }}</option>
+                {% endfor %}
+            </datalist>
+    
         </div>
+    </div>
 
+    <div id="reportPage" class="wrapper" style="background-color: #ecf0f5">
         <div id="minimap" class="minimap"></div>
 
         <section class="content">
@@ -310,7 +304,6 @@
 
         var sliderOffsetX = slider2.getBoundingClientRect().left - document.documentElement.getBoundingClientRect().left;
         var sliderOffsetY = slider2.getBoundingClientRect().top - document.documentElement.getBoundingClientRect().top;
-
         var sliderWidth = slider2.offsetWidth - 1;
 
         slider2.addEventListener('mousemove', function (event) {