From 82632eba4c4e0515fad5183e3caa24e5a20366b5 Mon Sep 17 00:00:00 2001
From: rasmusq <rasmus@rasmusq.com>
Date: Tue, 25 Nov 2025 22:47:03 +0100
Subject: [PATCH] fix: responsive buttons on dashboard wishlist lists on mobile

---
 src/lib/components/ui/UnlockButton.svelte | 1 -
 src/routes/dashboard/+page.svelte         | 6 ++++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/ui/UnlockButton.svelte b/src/lib/components/ui/UnlockButton.svelte
index 9f60aac..35e113f 100644
--- a/src/lib/components/ui/UnlockButton.svelte
+++ b/src/lib/components/ui/UnlockButton.svelte
@@ -19,7 +19,6 @@
 <Button
 	onclick={handleClick}
 	variant={unlocked ? "default" : "outline"}
-	class="w-full md:w-auto"
 >
 	{#if unlocked}
 		<Lock class="mr-2 h-4 w-4" />
diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte
index ffa3a70..a5e379f 100644
--- a/src/routes/dashboard/+page.svelte
+++ b/src/routes/dashboard/+page.svelte
@@ -135,7 +135,7 @@
 		emptyActionHref="/"
 	>
 		{#snippet headerAction()}
-			<div class="flex gap-2 flex-wrap">
+			<div class="flex flex-col sm:flex-row gap-2">
 				<Button onclick={() => (window.location.href = '/')}>{t.dashboard.createNew}</Button>
 				<UnlockButton bind:unlocked={myWishlistsUnlocked} />
 			</div>
@@ -225,7 +225,9 @@
 		emptyDescription={t.dashboard.emptySavedWishlistsDescription}
 	>
 		{#snippet headerAction()}
-			<UnlockButton bind:unlocked={savedWishlistsUnlocked} />
+			<div class="flex flex-col sm:flex-row gap-2">
+				<UnlockButton bind:unlocked={savedWishlistsUnlocked} />
+			</div>
 		{/snippet}
 
 		{#snippet searchBar()}