From c63375b092997334387192421ee1ff67c64dd41e Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Fri, 16 Oct 2026 13:38:49 -0400
Subject: [PATCH] Rail: Tags sit below the other nav items (#5915)

Tags is the one list in the rail that grows without limit, so everything
with a fixed place goes above it and stays put.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 frontend/src/components/AppShell.vue | 48 +++++++++++++++-------------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/frontend/src/components/AppShell.vue b/frontend/src/components/AppShell.vue
index 3d487d2..8fa5bca 100644
--- a/frontend/src/components/AppShell.vue
+++ b/frontend/src/components/AppShell.vue
@@ -395,6 +395,31 @@ async function signOut() {
             <Icon name="note" /> Notes
           </RouterLink>
 
+          <RouterLink to="/archive" class="nav-link" exact-active-class="nav-link-active">
+            <Icon name="archive" /> Archive
+          </RouterLink>
+          <RouterLink to="/trash" class="nav-link" exact-active-class="nav-link-active">
+            <Icon name="trash" /> Trash
+          </RouterLink>
+          <RouterLink
+            to="/reminders"
+            class="nav-link"
+            exact-active-class="nav-link-active"
+          >
+            <Icon name="bell" /> Reminders
+          </RouterLink>
+          <RouterLink
+            to="/timeline"
+            class="nav-link"
+            exact-active-class="nav-link-active"
+          >
+            <Icon name="calendar" /> Timeline
+          </RouterLink>
+          <ExportNotes />
+          <ImportNotes />
+
+          <!-- Tags last: it is the one list here that grows without limit, so
+               everything with a fixed place sits above it and stays put. -->
           <div class="mt-3 flex items-center justify-between px-3 pb-1">
             <span class="section-label">Tags</span>
             <button
@@ -422,29 +447,6 @@ async function signOut() {
             <span class="truncate">{{ lb.name }}</span>
           </RouterLink>
 
-          <RouterLink to="/archive" class="nav-link mt-3" exact-active-class="nav-link-active">
-            <Icon name="archive" /> Archive
-          </RouterLink>
-          <RouterLink to="/trash" class="nav-link" exact-active-class="nav-link-active">
-            <Icon name="trash" /> Trash
-          </RouterLink>
-          <RouterLink
-            to="/reminders"
-            class="nav-link"
-            exact-active-class="nav-link-active"
-          >
-            <Icon name="bell" /> Reminders
-          </RouterLink>
-          <RouterLink
-            to="/timeline"
-            class="nav-link"
-            exact-active-class="nav-link-active"
-          >
-            <Icon name="calendar" /> Timeline
-          </RouterLink>
-          <ExportNotes />
-          <ImportNotes />
-
           <!-- Account, settings and sign-out, for the screens where they are NOT in
                the header. Four icons plus a search field never fit one phone-width
                row, and the header is the wrong place to lose: it holds the only way