From 03b84c214a0765c78f92047c47a524bbd1284618 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 18 Dec 2025 22:33:00 +0000
Subject: [PATCH 1/3] Make it easier to understand which subnav page you're on
 at a glance

---
 resources/css/core/layout.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index adfbe214554..d303feccfe0 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -29,7 +29,7 @@
     }
 
     ul li ul {
-        @apply ml-3.5 pl-3.5 translate-x-px my-1.5 text-[0.8125rem] min-w-0 flex-col gap-1.5 border-s border-gray-300 dark:border-gray-600;
+        @apply ml-3.5 pl-3.5 translate-x-px my-1.5 text-[0.8125rem] min-w-0 flex-col gap-1.5 border-s border-gray-300 dark:border-gray-700;
     }
 
     ul li ul li a {
@@ -38,6 +38,15 @@
 
     ul li ul li a.active {
         @apply text-black dark:text-white font-medium bg-transparent;
+        &::before {
+            content: '';
+            position: absolute;
+            left: -1px;
+            @apply h-4 border-s border-s-black;
+        }
+        :where(.dark) &::before {
+            @apply border-s-white;
+        }
     }
 
     .section-title {

From 44c890980328462ae1c2f009cd0257f370987d44 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 18 Dec 2025 22:57:05 +0000
Subject: [PATCH 2/3] Make the "active" subnav item less distracting for
 single-subnav items such as Assets/assets

---
 resources/css/core/layout.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index d303feccfe0..616fe9a6e3d 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -45,7 +45,17 @@
             @apply h-4 border-s border-s-black;
         }
         :where(.dark) &::before {
-            @apply border-s-white;
+            @apply border-s-gray-400;
+        }
+    }
+
+/* Less distracting for single-subnav items */
+    ul li ul li:only-child a.active {
+        &::before {
+            @apply border-s-gray-400;
+        }
+        :where(.dark) &::before {
+            @apply border-s-gray-500;
         }
     }
 

From c6f773891abafb089171a553ea0e4dc60de80c38 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 18 Dec 2025 23:01:58 +0000
Subject: [PATCH 3/3] Tidy

---
 resources/css/core/layout.css | 36 +++++++++++++++++++----------------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index 616fe9a6e3d..b68d8a5bbf6 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -38,24 +38,28 @@
 
     ul li ul li a.active {
         @apply text-black dark:text-white font-medium bg-transparent;
-        &::before {
-            content: '';
-            position: absolute;
-            left: -1px;
-            @apply h-4 border-s border-s-black;
-        }
-        :where(.dark) &::before {
-            @apply border-s-gray-400;
-        }
     }
-
-/* Less distracting for single-subnav items */
-    ul li ul li:only-child a.active {
-        &::before {
-            @apply border-s-gray-400;
+    ul li ul li {
+        a.active {
+            /* [1] Add a little vertical line to indicate the "active" subnav item */
+            &::before {
+                content: '';
+                position: absolute;
+                left: -1px;
+                @apply h-4 border-s border-s-black;
+            }
+            :where(.dark) &::before {
+                @apply border-s-gray-400;
+            }
         }
-        :where(.dark) &::before {
-            @apply border-s-gray-500;
+        &:only-child a.active {
+            /* [/2] Make the "active" subnav item less distracting for single-subnav items such as Assets/assets */
+            &::before {
+                @apply border-s-gray-400;
+            }
+            :where(.dark) &::before {
+                @apply border-s-gray-500;
+            }
         }
     }