From 5cd18fa2d76ee28ce5a712f50910bd808bc030e5 Mon Sep 17 00:00:00 2001
From: h <h@kotikot.com>
Date: Sat, 29 Aug 2026 01:19:58 +0200
Subject: [PATCH] fix(ui): sidebar footer in one row, no user name

---
 ui/src/lib/components/app-sidebar.svelte | 50 ++++++++----------------
 1 file changed, 16 insertions(+), 34 deletions(-)

diff --git a/ui/src/lib/components/app-sidebar.svelte b/ui/src/lib/components/app-sidebar.svelte
index c0da892..7c7fba7 100644
--- a/ui/src/lib/components/app-sidebar.svelte
+++ b/ui/src/lib/components/app-sidebar.svelte
@@ -80,50 +80,32 @@
   </nav>
   <div
     class={cn(
-      "flex flex-col gap-2 border-t",
-      open ? "p-3" : "items-center p-2"
+      "flex items-center gap-1 border-t",
+      open ? "px-3 py-2" : "flex-col px-1 py-2"
     )}
   >
-    <span title="event stream from the gateway (SSE)">
+    <span
+      class={cn(open && "mr-auto")}
+      title="event stream from the gateway (SSE)"
+    >
       <LiveDot
         detail={gateway.live.detail}
         label={open}
         state={gateway.live.state}
       />
     </span>
-    {#if open}
-      <div class="flex items-center justify-between gap-2">
-        <span class="truncate text-muted-foreground text-xs">
-          {session.user}
-        </span>
-        <div class="flex items-center">
-          <ThemeToggle />
-          <Button
-            aria-label="Sign out"
-            onclick={signOut}
-            size="icon-sm"
-            title="Sign out"
-            variant="ghost"
-          >
-            <LogOutIcon class="size-4" />
-          </Button>
-        </div>
-      </div>
-    {:else}
-      <ThemeToggle />
-      <Button
-        aria-label="Sign out"
-        onclick={signOut}
-        size="icon-sm"
-        title="Sign out"
-        variant="ghost"
-      >
-        <LogOutIcon class="size-4" />
-      </Button>
-    {/if}
+    <ThemeToggle />
+    <Button
+      aria-label="Sign out"
+      onclick={signOut}
+      size="icon-sm"
+      title="Sign out"
+      variant="ghost"
+    >
+      <LogOutIcon class="size-4" />
+    </Button>
     <Button
       aria-label={open ? "Collapse sidebar" : "Expand sidebar"}
-      class={open ? "self-end" : ""}
       onclick={() => ui.toggleNav()}
       size="icon-sm"
       title="{open ? 'Collapse' : 'Expand'} sidebar (⌘B)"