From 4b21b0ac07b63f3d3195696a982fbabf4499e520 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Magnus=20=C3=85hall?= <magnus.ahall@gibon.se>
Date: Thu, 27 Jun 2024 09:14:02 +0200
Subject: [PATCH] Graph CSS fixes

---
 static/css/default_light/datapoints.css | 6 ++++--
 static/css/gruvbox/datapoints.css       | 6 ++++--
 static/less/datapoints.less             | 7 +++++--
 views/pages/datapoint_values.gotmpl     | 8 +++++---
 4 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/static/css/default_light/datapoints.css b/static/css/default_light/datapoints.css
index c64a16b..76710e1 100644
--- a/static/css/default_light/datapoints.css
+++ b/static/css/default_light/datapoints.css
@@ -69,6 +69,8 @@
 }
 .graph {
   width: 99%;
-  height: 600px;
-  border: 1px solid #fff;
+  border: 1px solid #aaa;
+}
+.graph #graph-values {
+  height: 600px;
 }
diff --git a/static/css/gruvbox/datapoints.css b/static/css/gruvbox/datapoints.css
index 5af4f87..f22e663 100644
--- a/static/css/gruvbox/datapoints.css
+++ b/static/css/gruvbox/datapoints.css
@@ -69,6 +69,8 @@
 }
 .graph {
   width: 99%;
-  height: 600px;
-  border: 1px solid #fff;
+  border: 1px solid #aaa;
+}
+.graph #graph-values {
+  height: 600px;
 }
diff --git a/static/less/datapoints.less b/static/less/datapoints.less
index aecd5a7..1d2accd 100644
--- a/static/less/datapoints.less
+++ b/static/less/datapoints.less
@@ -84,6 +84,9 @@
 
 .graph {
 	width: 99%;
-	height: 600px;
-	border: 1px solid #fff;
+	border: 1px solid #aaa;
+
+	#graph-values {
+		height: 600px;
+	}
 }
diff --git a/views/pages/datapoint_values.gotmpl b/views/pages/datapoint_values.gotmpl
index 0a5c6fe..0a987cb 100644
--- a/views/pages/datapoint_values.gotmpl
+++ b/views/pages/datapoint_values.gotmpl
@@ -21,14 +21,16 @@
 	<br><br>
 
 	{{ if $graph }}
-	<div class="graph" id="tester"></div>
+	<div class="graph">
+		<div id="graph-values"></div>
+	</div>
 	<script type="text/javascript">
-		const tester = document.getElementById('tester');
+		const graphValues = document.getElementById('graph-values');
 		let data = {{ .Data }}
 		let x = data.Values.map(d => d.Ts)
 		let y = data.Values.map(d => d.ValueInt.Int64)
 		Plotly.newPlot(
-			tester,
+			graphValues,
 			[
 				{
 					x,