From 239166a0879075c654a58bd1c3f894486817c083 Mon Sep 17 00:00:00 2001
From: lucor <hi@lucor.dev>
Date: Tue, 5 May 2026 20:31:20 +0200
Subject: [PATCH 1/2] fix(hive): make dialog action buttons full-width on
 mobile

When dialog actions stack vertically on narrow viewports, the
Cancel/Delete buttons were only as wide as their text content.
Add w-full on mobile so they span the modal width for a consistent
button stack layout, while keeping sm:w-auto on desktop.
---
 web/apps/hive/src/lib/components/notifications_list.svelte | 6 +++---
 web/apps/hive/src/routes/(app)/device/+page.svelte         | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/apps/hive/src/lib/components/notifications_list.svelte b/web/apps/hive/src/lib/components/notifications_list.svelte
index 9a3d888..e55ab04 100644
--- a/web/apps/hive/src/lib/components/notifications_list.svelte
+++ b/web/apps/hive/src/lib/components/notifications_list.svelte
@@ -331,10 +331,10 @@
 		<h3 class="text-lg font-bold">{pendingBulkAction?.title}</h3>
 		<p class="py-4 text-sm text-base-content/70">{pendingBulkAction?.description}</p>
 		<div class="modal-action flex flex-col gap-2 sm:flex-row sm:justify-end">
-			<form method="dialog">
-				<button type="submit" class="btn btn-outline">Cancel</button>
+			<form method="dialog" class="w-full sm:w-auto">
+				<button type="submit" class="btn btn-outline w-full sm:w-auto">Cancel</button>
 			</form>
-			<button type="button" class="btn btn-error" onclick={confirmBulkAction}>Delete</button>
+			<button type="button" class="btn btn-error w-full sm:w-auto" onclick={confirmBulkAction}>Delete</button>
 		</div>
 	</div>
 	<form method="dialog" class="modal-backdrop"><button type="submit">close</button></form>
diff --git a/web/apps/hive/src/routes/(app)/device/+page.svelte b/web/apps/hive/src/routes/(app)/device/+page.svelte
index 4a0063a..d8d6548 100644
--- a/web/apps/hive/src/routes/(app)/device/+page.svelte
+++ b/web/apps/hive/src/routes/(app)/device/+page.svelte
@@ -646,10 +646,10 @@
 				need to pair again to receive notifications.
 			</p>
 			<div class="modal-action flex flex-col gap-2 sm:flex-row sm:justify-end">
-				<form method="dialog">
-					<button type="submit" class="btn btn-outline">Cancel</button>
+				<form method="dialog" class="w-full sm:w-auto">
+					<button type="submit" class="btn btn-outline w-full sm:w-auto">Cancel</button>
 				</form>
-				<button type="button" class="btn btn-error" onclick={handleDisconnect}>Disconnect</button>
+				<button type="button" class="btn btn-error w-full sm:w-auto" onclick={handleDisconnect}>Disconnect</button>
 			</div>
 		</div>
 		<form method="dialog" class="modal-backdrop"><button type="submit">close</button></form>

From 1566377b94efd226bcd1992d07ad5818f1f027c4 Mon Sep 17 00:00:00 2001
From: lucor <hi@lucor.dev>
Date: Tue, 5 May 2026 20:41:58 +0200
Subject: [PATCH 2/2] fix: format hive modal action buttons

---
 web/apps/hive/src/lib/components/notifications_list.svelte | 4 ++--
 web/apps/hive/src/routes/(app)/device/+page.svelte         | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/apps/hive/src/lib/components/notifications_list.svelte b/web/apps/hive/src/lib/components/notifications_list.svelte
index e55ab04..f39f648 100644
--- a/web/apps/hive/src/lib/components/notifications_list.svelte
+++ b/web/apps/hive/src/lib/components/notifications_list.svelte
@@ -332,9 +332,9 @@
 		<p class="py-4 text-sm text-base-content/70">{pendingBulkAction?.description}</p>
 		<div class="modal-action flex flex-col gap-2 sm:flex-row sm:justify-end">
 			<form method="dialog" class="w-full sm:w-auto">
-				<button type="submit" class="btn btn-outline w-full sm:w-auto">Cancel</button>
+				<button type="submit" class="btn btn-outline w-full">Cancel</button>
 			</form>
-			<button type="button" class="btn btn-error w-full sm:w-auto" onclick={confirmBulkAction}>Delete</button>
+			<button type="button" class="btn btn-error" onclick={confirmBulkAction}>Delete</button>
 		</div>
 	</div>
 	<form method="dialog" class="modal-backdrop"><button type="submit">close</button></form>
diff --git a/web/apps/hive/src/routes/(app)/device/+page.svelte b/web/apps/hive/src/routes/(app)/device/+page.svelte
index d8d6548..1107d30 100644
--- a/web/apps/hive/src/routes/(app)/device/+page.svelte
+++ b/web/apps/hive/src/routes/(app)/device/+page.svelte
@@ -647,9 +647,9 @@
 			</p>
 			<div class="modal-action flex flex-col gap-2 sm:flex-row sm:justify-end">
 				<form method="dialog" class="w-full sm:w-auto">
-					<button type="submit" class="btn btn-outline w-full sm:w-auto">Cancel</button>
+					<button type="submit" class="btn btn-outline w-full">Cancel</button>
 				</form>
-				<button type="button" class="btn btn-error w-full sm:w-auto" onclick={handleDisconnect}>Disconnect</button>
+				<button type="button" class="btn btn-error" onclick={handleDisconnect}>Disconnect</button>
 			</div>
 		</div>
 		<form method="dialog" class="modal-backdrop"><button type="submit">close</button></form>