From da2484d2325522ac4407eb7149556adc09db60d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 8 Mar 2026 18:35:16 +0100
Subject: [PATCH] fix: replace nested button with div[role=button] on queue
 cards

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 packages/frontend/src/routes/admin/queues/+page.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/routes/admin/queues/+page.svelte b/packages/frontend/src/routes/admin/queues/+page.svelte
index 130c754..6febb8f 100644
--- a/packages/frontend/src/routes/admin/queues/+page.svelte
+++ b/packages/frontend/src/routes/admin/queues/+page.svelte
@@ -131,13 +131,16 @@
   <div class="flex flex-wrap gap-3 mb-6 px-3 sm:px-0">
     {#each queues as queue (queue.name)}
       {@const isSelected = selectedQueue === queue.name}
-      <button
+      <div
+        role="button"
+        tabindex="0"
         class={`flex-1 min-w-48 rounded-lg border p-4 text-left transition-colors cursor-pointer ${
           isSelected
             ? "border-primary/50 bg-primary/5"
             : "border-border/40 bg-card hover:border-border/70"
         }`}
         onclick={() => selectQueue(queue.name)}
+        onkeydown={(e) => e.key === "Enter" && selectQueue(queue.name)}
         aria-pressed={isSelected}
       >
         <div class="flex items-center justify-between mb-3">
@@ -182,7 +185,7 @@
             <span class="text-muted-foreground">empty</span>
           {/if}
         </div>
-      </button>
+      </div>
     {/each}
   </div>