From 46a4508cd775163acdd8c7dda46d36bdf18eb66a Mon Sep 17 00:00:00 2001
From: UpstreamData <brett@upstreamdata.ca>
Date: Wed, 2 Mar 2022 14:36:34 -0700
Subject: [PATCH] updated more gradient formatting an added gradients to navbar

---
 tools/web_monitor/static/navbar.css    | 13 +++++++++++++
 tools/web_monitor/templates/miner.html |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/tools/web_monitor/static/navbar.css b/tools/web_monitor/static/navbar.css
index 8e8e0091..3f3c7465 100644
--- a/tools/web_monitor/static/navbar.css
+++ b/tools/web_monitor/static/navbar.css
@@ -149,3 +149,16 @@ main {
   box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
   border-radius: 100px;
 }
+
+.nav-pills .nav-link.active {
+  background-image: linear-gradient(180deg, #D0368A 0%, #708AD4 99%);
+}
+
+.nav-link:hover {
+  background-image: linear-gradient(180deg, #D0368A 0%, #708AD4 99%);
+}
+
+.nav-link {
+    transition: unset;
+    color: unset;
+}
diff --git a/tools/web_monitor/templates/miner.html b/tools/web_monitor/templates/miner.html
index 7e388aa9..a00b652f 100644
--- a/tools/web_monitor/templates/miner.html
+++ b/tools/web_monitor/templates/miner.html
@@ -143,8 +143,8 @@ var options_fans = {
 };
 
 var fanCtx = document.getElementById("fan-chart-1").getContext("2d");
-var fanWidth = document.getElementById("fan-chart-1").width*(3/4);
-var fanChartGradient = fanCtx.createLinearGradient(0, 0, fanWidth, 0)
+var fanWidth = document.getElementById("fan-chart-1").width;
+var fanChartGradient = fanCtx.createLinearGradient(0, 0, fanWidth, -(1/2)*fanWidth)
 fanChartGradient.addColorStop(0, '#D0368A');
 fanChartGradient.addColorStop(1, '#708AD4');