From 336752f6018f2a8ec873c295bf813f420c3cdd3a Mon Sep 17 00:00:00 2001
From: rasmusq <rasmus@rasmusq.com>
Date: Tue, 25 Nov 2025 22:34:31 +0100
Subject: [PATCH] fix: dashboard title buttons responsiveness on mobile devices

---
 src/lib/components/layout/DashboardHeader.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/layout/DashboardHeader.svelte b/src/lib/components/layout/DashboardHeader.svelte
index e558d88..afbf9b2 100644
--- a/src/lib/components/layout/DashboardHeader.svelte
+++ b/src/lib/components/layout/DashboardHeader.svelte
@@ -10,12 +10,12 @@
 	const t = $derived(languageStore.t);
 </script>
 
-<div class="flex items-center justify-between">
-	<div>
+<div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+	<div class="flex-1 min-w-0">
 		<h1 class="text-3xl font-bold">{t.nav.dashboard}</h1>
-		<p class="text-muted-foreground">{t.dashboard.welcomeBack}, {userName || userEmail}</p>
+		<p class="text-muted-foreground truncate">{t.dashboard.welcomeBack}, {userName || userEmail}</p>
 	</div>
-	<div class="flex items-center gap-1 sm:gap-2">
+	<div class="flex items-center gap-1 sm:gap-2 flex-shrink-0">
 		<LanguageToggle />
 		<ThemeToggle />
 		<Button variant="outline" onclick={() => signOut({ callbackUrl: '/' })}>{t.auth.signOut}</Button>