From b44acd52ec2bcc62fa5a0d0849000b4793bae8bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Christian=20K=C3=B6nig?= <ckoenig@posteo.de>
Date: Mon, 2 May 2022 21:40:35 +0200
Subject: [PATCH] Reduce border size of line charts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Christian König <ckoenig@posteo.de>
---
 scripts/pi-hole/js/db_graph.js | 10 ++++++++--
 scripts/pi-hole/js/index.js    | 14 ++++++++++++++
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/scripts/pi-hole/js/db_graph.js b/scripts/pi-hole/js/db_graph.js
index ebf43bc9..bf73f251 100644
--- a/scripts/pi-hole/js/db_graph.js
+++ b/scripts/pi-hole/js/db_graph.js
@@ -222,7 +222,7 @@ $(function () {
           backgroundColor: blockedColor,
           borderColor: blockedColor,
           pointBorderColor: blockedColor,
-          pointRadius: 1,
+          pointRadius: 0,
           pointHoverRadius: 5,
           data: [],
           pointHitRadius: 5,
@@ -233,7 +233,7 @@ $(function () {
           backgroundColor: permittedColor,
           borderColor: permittedColor,
           pointBorderColor: permittedColor,
-          pointRadius: 1,
+          pointRadius: 0,
           pointHoverRadius: 5,
           data: [],
           pointHitRadius: 5,
@@ -371,6 +371,12 @@ $(function () {
           },
         ],
       },
+      elements: {
+        line: {
+          borderWidth: 0,
+          spanGaps: false,
+        },
+      },
       maintainAspectRatio: false,
     },
   });
diff --git a/scripts/pi-hole/js/index.js b/scripts/pi-hole/js/index.js
index 34dbd946..8c13733d 100644
--- a/scripts/pi-hole/js/index.js
+++ b/scripts/pi-hole/js/index.js
@@ -971,10 +971,17 @@ $(function () {
             },
             gridLines: {
               color: gridColor,
+              zeroLineColor: gridColor,
             },
           },
         ],
       },
+      elements: {
+        line: {
+          borderWidth: 0,
+          spanGaps: false,
+        },
+      },
       maintainAspectRatio: false,
     },
   });
@@ -1051,10 +1058,17 @@ $(function () {
               stacked: true,
               gridLines: {
                 color: gridColor,
+                zeroLineColor: gridColor,
               },
             },
           ],
         },
+        elements: {
+          line: {
+            borderWidth: 0,
+            spanGaps: false,
+          },
+        },
         maintainAspectRatio: false,
         hover: {
           animationDuration: 0,