From 9e8e3f27a501776681a4913c274a50809cd1df87 Mon Sep 17 00:00:00 2001
From: Sam <samual.shop@proton.me>
Date: Tue, 10 Sep 2024 09:12:25 +0100
Subject: [PATCH] Style changes

---
 static/css/style.css  | 7 ++++---
 static/css/tables.css | 7 ++++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index edc04c2..ce4ccbf 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -70,17 +70,18 @@
 
 /* Style for WebKit browsers (Chrome, Safari, etc.) */
 *::-webkit-scrollbar {
-  height: 5px;
-  border-radius: 6px;
+  height: 2px;
+  border-radius: 1px;
   background: #1f1f28;
 }
 
 *::-webkit-scrollbar-thumb {
-  border-radius: 6px;
+  border-radius: 2px;
   background: #585653;
 }
 
 *::-webkit-scrollbar-thumb:hover {
+  height: 2px;
   background: #454445; /* Background color on hover */
 }
 
diff --git a/static/css/tables.css b/static/css/tables.css
index c3481e8..7958db4 100644
--- a/static/css/tables.css
+++ b/static/css/tables.css
@@ -1,6 +1,7 @@
 /* Tables */
 #jsonTableContainer {
-  max-width: 150%;
+  display: flex;
+  overflow-y: auto;
 }
 
 table {
@@ -23,9 +24,13 @@ td {
   max-width: 90px;
   font-size: var(--table-row-font-size);
 }
+#scrollable:hover {
+  scrollbar-width: thin;
+}
 
 @media only screen and (max-width: 800px) {
   #scrollable {
+    scrollbar-width: thin;
     max-width: 90px;
     max-height: 100%;
     margin: 0;