From b75d28f2843f15303a6cbb5b0d04defa78ef97a6 Mon Sep 17 00:00:00 2001
From: James Smith <jamessmith1@outlook.com>
Date: Mon, 13 Apr 2026 21:01:34 +0100
Subject: [PATCH] style: fix padding compensation and light theme border on nav
 active states

---
 static/css/core/layout.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/static/css/core/layout.css b/static/css/core/layout.css
index 9554892..4de2b49 100644
--- a/static/css/core/layout.css
+++ b/static/css/core/layout.css
@@ -749,7 +749,6 @@
 .mode-nav-btn.active {
     background: var(--accent-cyan-glow);
     color: var(--text-primary);
-    border-color: transparent;
     border-left: 2px solid var(--accent-cyan);
     box-shadow: -2px 0 8px rgba(74, 163, 255, 0.2);
     padding-left: 12px; /* compensate for 2px border */
@@ -858,9 +857,9 @@
 .mode-nav-dropdown.has-active .mode-nav-dropdown-btn {
     background: var(--accent-cyan-glow);
     color: var(--text-primary);
-    border-color: transparent;
     border-left: 2px solid var(--accent-cyan);
     box-shadow: -2px 0 8px rgba(74, 163, 255, 0.2);
+    padding-left: 12px;
 }
 
 .mode-nav-dropdown.has-active .mode-nav-dropdown-btn .nav-icon {
@@ -1115,11 +1114,15 @@ a.nav-dashboard-btn:hover {
 }
 
 [data-theme="light"] .mode-nav-dropdown-btn:hover,
-[data-theme="light"] .mode-nav-dropdown.open .mode-nav-dropdown-btn,
+[data-theme="light"] .mode-nav-dropdown.open .mode-nav-dropdown-btn {
+    background: rgba(31, 95, 168, 0.06);
+}
+
 [data-theme="light"] .mode-nav-dropdown.has-active .mode-nav-dropdown-btn {
     background: rgba(31, 95, 168, 0.06);
     border-left: 2px solid var(--accent-cyan);
     box-shadow: -2px 0 6px rgba(31, 95, 168, 0.12);
+    padding-left: 12px;
 }
 
 [data-theme="light"] .mode-nav-dropdown-menu {