From 363767cafc6a86b8361946a1053f42e7b1f8a20d Mon Sep 17 00:00:00 2001
From: janpeter visser <janpetervisser2@gmail.com>
Date: Mon, 27 Apr 2026 19:54:23 +0200
Subject: [PATCH] fix: move add-to-sprint click from entire card to + Toevoegen
 button

---
 components/sprint/sprint-backlog.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/sprint/sprint-backlog.tsx b/components/sprint/sprint-backlog.tsx
index 5cbd2ef..a94476e 100644
--- a/components/sprint/sprint-backlog.tsx
+++ b/components/sprint/sprint-backlog.tsx
@@ -320,10 +320,8 @@ function DraggablePbiStoryRow({
     <div
       ref={setNodeRef}
       style={style}
-      onClick={!isDemo ? onAdd : undefined}
       className={cn(
         'px-2 py-1',
-        !isDemo && 'cursor-pointer',
         isDemo && 'opacity-60',
         isDragging && 'opacity-40'
       )}
@@ -331,7 +329,6 @@ function DraggablePbiStoryRow({
       <div className={cn(
         'flex items-center gap-2 rounded border border-border px-3 py-2 transition-colors bg-surface-container',
         PRIORITY_BORDER[story.priority],
-        !isDemo && 'hover:bg-surface-container-high'
       )}>
         {!isDemo && (
           <span
@@ -339,7 +336,6 @@ function DraggablePbiStoryRow({
             {...listeners}
             aria-label="Sleep naar Sprint Backlog"
             className="text-muted-foreground cursor-grab active:cursor-grabbing shrink-0 select-none text-sm"
-            onClick={e => e.stopPropagation()}
           >
             ⠿
           </span>
@@ -356,7 +352,12 @@ function DraggablePbiStoryRow({
           </div>
         </div>
         {!isDemo && (
-          <span className="text-xs text-muted-foreground shrink-0">+ toevoegen</span>
+          <button
+            onClick={onAdd}
+            className="text-xs text-primary hover:underline shrink-0"
+          >
+            + Toevoegen
+          </button>
         )}
       </div>
     </div>