Fixes custom range on mouse zoom

app/helpers/graph.php

@@ -73,6 +73,7 @@ var graph_<?= $data['graph_name'] ?> = new Chart(ctx, {
                     },
                     onZoom: function({ chart }) {
                         propagateZoom(chart); // Propagate the zoom to all graphs
+                        setActive(document.getElementById('custom_range'));
                     }
                 }
             },

app/templates/graphs-combined.php

@@ -11,7 +11,7 @@
             <input type="date" style="margin-right: 3px;" id="start-date">
 
             <input type="date" style="margin-right: 3px;" id="end-date">
-            <input type="button" class="button" onclick="setCustomTimeRange(); setActive(this)" value="custom range" />
+            <input type="button" id="custom_range" class="button" onclick="setCustomTimeRange(); setActive(this)" value="custom range" />
         </div>
     </div>
 </div>

public_html/static/css/main.css

@@ -1,3 +1,10 @@
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
 .menu-container {
     display: flex;
     justify-content: space-between;