From cd31e76d07fdc2cd5bacc8574c8ff675e48d8322 Mon Sep 17 00:00:00 2001
From: m <paragraphenreiter@gmail.com>
Date: Wed, 25 Mar 2026 18:40:15 +0100
Subject: [PATCH] fix: TenantSwitcher shows dropdown for single tenant, wider
 name display

---
 frontend/.m/spawn.lock                            |  0
 frontend/src/components/layout/TenantSwitcher.tsx | 13 ++++++++-----
 2 files changed, 8 insertions(+), 5 deletions(-)
 create mode 100644 frontend/.m/spawn.lock

diff --git a/frontend/.m/spawn.lock b/frontend/.m/spawn.lock
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/components/layout/TenantSwitcher.tsx b/frontend/src/components/layout/TenantSwitcher.tsx
index 405eb38..6c8cbe5 100644
--- a/frontend/src/components/layout/TenantSwitcher.tsx
+++ b/frontend/src/components/layout/TenantSwitcher.tsx
@@ -54,30 +54,33 @@ export function TenantSwitcher() {
         onClick={() => setOpen(!open)}
         className="flex items-center gap-1.5 rounded-md border border-neutral-200 bg-white px-2.5 py-1.5 text-sm text-neutral-700 transition-colors hover:bg-neutral-50"
       >
-        <span className="max-w-[120px] truncate sm:max-w-[160px]">
+        <span className="max-w-[200px] truncate sm:max-w-[280px]">
           {current.name}
         </span>
         <ChevronsUpDown className="h-3.5 w-3.5 text-neutral-400" />
       </button>
 
-      {open && tenants.length > 1 && (
-        <div className="animate-fade-in absolute right-0 top-full z-50 mt-1 w-56 rounded-md border border-neutral-200 bg-white py-1 shadow-lg">
+      {open && (
+        <div className="animate-fade-in absolute right-0 top-full z-50 mt-1 w-64 rounded-md border border-neutral-200 bg-white py-1 shadow-lg">
           {tenants.map((tenant) => (
             <button
               key={tenant.id}
               onClick={() => switchTenant(tenant)}
-              className={`flex w-full items-center px-3 py-1.5 text-left text-sm transition-colors ${
+              className={`flex w-full items-center px-3 py-2 text-left text-sm transition-colors ${
                 tenant.id === current.id
                   ? "bg-neutral-50 font-medium text-neutral-900"
                   : "text-neutral-600 hover:bg-neutral-50"
               }`}
             >
               <span className="truncate">{tenant.name}</span>
-              <span className="ml-auto text-xs text-neutral-400">
+              <span className="ml-auto shrink-0 text-xs text-neutral-400">
                 {tenant.role}
               </span>
             </button>
           ))}
+          {tenants.length <= 1 && (
+            <p className="px-3 py-2 text-xs text-neutral-400">Einzige Kanzlei</p>
+          )}
         </div>
       )}
     </div>