fix: stack sidebar template nav item

src/GmRelay.Web/Components/Layout/NavMenu.razor

@@ -56,7 +56,7 @@
                     </button>
                 </form>
 
-                <div class="nav-version">v1.8.1</div>
+                <div class="nav-version">v1.8.2</div>
             </div>
         </Authorized>
         <NotAuthorized>

src/GmRelay.Web/Components/Layout/NavMenu.razor.css

@@ -56,13 +56,17 @@
 .nav-section {
     padding: 0 0.75rem;
     flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
 }
 
 /* === Nav Items === */
-.nav-item {
+.nav-section ::deep .nav-item {
     display: flex;
     align-items: center;
     gap: 0.75rem;
+    width: 100%;
     padding: 0.625rem 0.875rem;
     border-radius: var(--radius-sm);
     color: var(--text-secondary);
@@ -70,16 +74,16 @@
     font-size: 0.875rem;
     font-weight: 500;
     transition: all var(--transition-normal);
-    margin-bottom: 0.125rem;
+    white-space: nowrap;
+    box-sizing: border-box;
 }
 
-.nav-item:hover {
+.nav-section ::deep .nav-item:hover {
     background: rgba(255, 255, 255, 0.06);
     color: var(--text-primary);
 }
 
-.nav-item.active,
-.nav-item ::deep a.active {
+.nav-section ::deep .nav-item.active {
     background: rgba(124, 58, 237, 0.15);
     color: var(--accent-primary);
     border: 1px solid rgba(124, 58, 237, 0.2);

src/GmRelay.Web/wwwroot/app.css

@@ -1,5 +1,5 @@
 /* ============================================
-   GM-Relay Design System v1.8.1
+   GM-Relay Design System v1.8.2
    Dark RPG Dashboard Theme
    ============================================ */