From ef8c05bd7ce1105d169c2531f80d3d7c5fd7c193 Mon Sep 17 00:00:00 2001
From: Daniel Michelberger <dml@kq-pwr.de>
Date: Thu, 6 Aug 2026 17:21:03 +0200
Subject: [PATCH] style: TeamSwitcher und Design-Umschalter nach links vor die
 Navigation

---
 frontend/src/routes/dashboard/+layout.svelte | 24 +++++++++-----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/frontend/src/routes/dashboard/+layout.svelte b/frontend/src/routes/dashboard/+layout.svelte
index c0262db..7ae39c5 100644
--- a/frontend/src/routes/dashboard/+layout.svelte
+++ b/frontend/src/routes/dashboard/+layout.svelte
@@ -76,8 +76,18 @@
         <header class="border-b bg-card">
             <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="flex h-16 items-center justify-between">
-                    <div class="flex items-center gap-3">
+                    <div class="flex items-center gap-2">
                         <Logo />
+                        <div class="hidden md:block">
+                            <TeamSwitcher />
+                        </div>
+                        <Button variant="ghost" size="icon" onclick={toggleMode} title="Design wechseln">
+                            {#if mode.current === 'dark'}
+                                <Sun class="h-4 w-4" />
+                            {:else}
+                                <Moon class="h-4 w-4" />
+                            {/if}
+                        </Button>
                     </div>
 
                     <nav class="hidden md:flex items-center gap-1">
@@ -94,19 +104,7 @@
                     </nav>
 
                     <div class="flex items-center gap-2">
-                        <div class="hidden md:block">
-                            <TeamSwitcher />
-                        </div>
-                        <Button variant="ghost" size="icon" onclick={toggleMode} title="Design wechseln">
-                            {#if mode.current === 'dark'}
-                                <Sun class="h-4 w-4" />
-                            {:else}
-                                <Moon class="h-4 w-4" />
-                            {/if}
-                        </Button>
-
                         <div class="hidden md:flex items-center gap-2">
-                            <Separator orientation="vertical" class="h-6" />
                             <div class="text-sm text-right">
                                 <p class="font-medium leading-tight">{auth.user.name || auth.user.email}</p>
                                 <p class="text-xs text-muted-foreground leading-tight">{auth.user.email}</p>