From 7fed1dbfa4dd4f1da325c37d4e80f1a01a53adb9 Mon Sep 17 00:00:00 2001
From: Bobban Rydh <bobban@tooweb.se>
Date: Tue, 15 Sep 2026 21:10:07 +0200
Subject: [PATCH] Move the signed-in-as/sign-out block to the bottom of the
 sidebar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Was a separate top page-header bar above every page's content. Moved
into the vertical navbar itself using Tabler's own .navbar-footer
class (order:1 + margin-top:auto), which pins it to the bottom of the
sidebar regardless of how many nav items are above it. Removed the
now-empty page-header entirely.

Verified visually in the browser at both desktop width (sidebar is
position:fixed there — footer sits flush at the bottom) and mobile
width (collapsed dropdown menu — footer just follows the nav list).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 web/src/layout/AppShell.tsx | 25 ++++++++-----------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/web/src/layout/AppShell.tsx b/web/src/layout/AppShell.tsx
index 355434c..755365e 100644
--- a/web/src/layout/AppShell.tsx
+++ b/web/src/layout/AppShell.tsx
@@ -72,28 +72,19 @@ export default function AppShell({ user, children }: { user: CurrentUser; childr
                 </li>
               ))}
             </ul>
+            <div className="navbar-footer px-3">
+              <div className="text-secondary small mb-2">
+                Signed in as {user.name ?? user.email ?? user.sub} · {user.role}
+              </div>
+              <a className="btn btn-outline-secondary btn-sm w-100" href="/auth/logout">
+                Sign out
+              </a>
+            </div>
           </div>
         </div>
       </aside>
 
       <div className="page-wrapper">
-        <div className="page-header d-print-none">
-          <div className="container-xl">
-            <div className="row g-2 align-items-center">
-              <div className="col">
-                <span className="text-secondary">
-                  Signed in as {user.name ?? user.email ?? user.sub} · {user.role}
-                </span>
-              </div>
-              <div className="col-auto ms-auto d-print-none">
-                <a className="btn btn-outline-secondary btn-sm" href="/auth/logout">
-                  Sign out
-                </a>
-              </div>
-            </div>
-          </div>
-        </div>
-
         <div className="page-body">
           <div className="container-xl">{children}</div>
         </div>