make slider-container wider

Seshat-Global-History-Databank · Dec 16, 2024 · 4a523fa · 4a523fa
1 parent 7396cf6
commit 4a523fa
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/seshat/apps/core/templates/core/world_map.html b/seshat/apps/core/templates/core/world_map.html
@@ -340,6 +340,12 @@
         display: none
     }
 
+    #slider-container {
+        position: relative;
+        width: 600%;
+        display: block;
+    }
+
     /* Media Queries for Responsiveness */
     @media (max-width: 768px) {
         #controlPanel {
@@ -527,7 +533,7 @@ <h2>How to use the Seshat World Map</h2>
                     </div>
                     <div id="sliderdiv">
                         <fieldset>
-                            <div class="slider-container" id="slider-container" style="position: relative; width: 400%; display: block">
+                            <div class="slider-container" id="slider-container">
                                 <datalist id="yearTickmarks"></datalist>
                                 <div id="yearTickmarkValues"></div><br>
                                 <input type="range" name="dateSlide" id="dateSlide" min="{{ earliest_year }}" max="{{ latest_year }}"