From 1b42b88c31bb54a40d7cd81c8297b34f9b26368e Mon Sep 17 00:00:00 2001
From: Broque Thomas <26755000+Nezreka@users.noreply.github.com>
Date: Mon, 9 Mar 2026 18:15:42 -0700
Subject: [PATCH] css changes

---
 webui/static/style.css | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/webui/static/style.css b/webui/static/style.css
index cdd9e38b..b045e141 100644
--- a/webui/static/style.css
+++ b/webui/static/style.css
@@ -275,10 +275,11 @@ body {
 }
 
 .nav-icon-img {
-    width: 32px;
-    height: 32px;
+    width: 38px;
+    height: 38px;
     object-fit: contain;
     pointer-events: none;
+    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .nav-button:hover .nav-icon {
@@ -290,16 +291,17 @@ body {
 }
 
 .nav-button.active .nav-icon {
-    color: rgb(var(--accent-light-rgb));
-    background: linear-gradient(135deg,
-            rgba(var(--accent-rgb), 0.25) 0%,
-            rgba(var(--accent-light-rgb), 0.18) 100%);
-    border: 1px solid rgba(var(--accent-rgb), 0.3);
-    font-weight: 700;
-    box-shadow:
-        0 0 12px rgba(var(--accent-rgb), 0.3),
-        0 2px 6px rgba(var(--accent-rgb), 0.2),
-        inset 0 1px 0 rgba(255, 255, 255, 0.12);
+    width: 45px;
+    height: 45px;
+    background: transparent;
+    border: none;
+    box-shadow: none;
+}
+
+.nav-button.active .nav-icon-img {
+    width: 43px;
+    height: 43px;
+    filter: drop-shadow(0 0 8px rgba(var(--accent-rgb), 0.5));
 }
 
 .nav-text {