From 0318670bce7573f9bbe22d04ab24e267b2e0b54e Mon Sep 17 00:00:00 2001
From: Yasen Pramatarov <yasen@lindeas.com>
Date: Sat, 12 Oct 2024 17:02:07 +0300
Subject: [PATCH] Fixes custom range on mouse zoom

---
 app/helpers/graph.php             | 1 +
 app/templates/graphs-combined.php | 2 +-
 public_html/static/css/main.css   | 7 +++++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/helpers/graph.php b/app/helpers/graph.php
index 618ab6f..b5c73a9 100644
--- a/app/helpers/graph.php
+++ b/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'));
                     }
                 }
             },
diff --git a/app/templates/graphs-combined.php b/app/templates/graphs-combined.php
index e9a0268..ef5042d 100644
--- a/app/templates/graphs-combined.php
+++ b/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>
diff --git a/public_html/static/css/main.css b/public_html/static/css/main.css
index d9f0924..15651b1 100644
--- a/public_html/static/css/main.css
+++ b/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;