From 68750fefd5cbbf5134dc9f3fb37cd9bee5021aee Mon Sep 17 00:00:00 2001
From: Frederic Cabassut <cabassut.frederic@gmail.com>
Date: Sat, 7 Mar 2026 22:34:09 +0100
Subject: [PATCH] fix: show delete button on row hover and expand done items by
 default

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/lib/components/Checklist.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Checklist.svelte b/src/lib/components/Checklist.svelte
index aa582dd..79507fc 100644
--- a/src/lib/components/Checklist.svelte
+++ b/src/lib/components/Checklist.svelte
@@ -20,7 +20,7 @@
 	let { content, onChange }: Props = $props();
 
 	let items = $state<ChecklistItem[]>(parseChecklist(content));
-	let doneExpanded = $state(false);
+	let doneExpanded = $state(true);
 	const flipDurationMs = 150;
 
 	let activeItems = $derived(items.filter((i) => !i.checked));
@@ -142,7 +142,7 @@
 				/>
 				<button
 					onclick={() => removeItem(item.id)}
-					class="opacity-0 hover:opacity-100 focus:opacity-100"
+					class="opacity-0 group-hover:opacity-100 focus:opacity-100"
 					aria-label="Remove item"
 					data-testid="checklist-remove"
 				>