From 1d76e18d38f3d25f22a5ea2af1d31817993fb29f Mon Sep 17 00:00:00 2001
From: Nicolas Meienberger <github@thisprops.com>
Date: Wed, 17 Dec 2025 09:00:55 +0100
Subject: [PATCH] fix(sortable-card): keep opacity at 100 on mobile

---
 app/client/components/sortable-card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/client/components/sortable-card.tsx b/app/client/components/sortable-card.tsx
index bca84b7f..d5b8897d 100644
--- a/app/client/components/sortable-card.tsx
+++ b/app/client/components/sortable-card.tsx
@@ -24,7 +24,7 @@ export function SortableCard({ isDragging, uniqueId, children }: PropsWithChildr
 			<div
 				{...attributes}
 				{...listeners}
-				className="absolute left-1/2 -translate-x-1/2 top-1 z-10 cursor-grab active:cursor-grabbing opacity-0 group-hover:opacity-100 transition-opacity p-1 rounded hover:bg-muted/50 bg-background/80 backdrop-blur-sm"
+				className="absolute left-1/2 -translate-x-1/2 top-1 z-10 cursor-grab active:cursor-grabbing opacity-100 md:opacity-0 group-hover:opacity-100 transition-opacity p-1 rounded hover:bg-muted/50 bg-background/80 backdrop-blur-sm"
 			>
 				<GripVertical className="h-4 w-4 text-muted-foreground rotate-90" />
 			</div>