From 6dc81ef2e39367c97a1baa39c31d772da5453cce Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Sun, 5 Apr 2026 22:46:41 +0200
Subject: [PATCH] fix(ui): match delete icon size + add cursor-pointer to
 interactive elements
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Comment delete icon: h-3 w-3 → h-4 w-4 (matches block delete icon)
- Add cursor-pointer to: comment delete button, Kommentieren button,
  block delete button, own-comment click-to-edit text
- Add title tooltip on comment delete button

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/CommentThread.svelte      | 5 +++--
 frontend/src/lib/components/TranscriptionBlock.svelte | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/CommentThread.svelte b/frontend/src/lib/components/CommentThread.svelte
index c4b78747..2f836822 100644
--- a/frontend/src/lib/components/CommentThread.svelte
+++ b/frontend/src/lib/components/CommentThread.svelte
@@ -266,12 +266,13 @@ onMount(() => {
 								{#if isOwn(msg)}
 									<button
 										type="button"
-										class="hover:text-error absolute -right-1 -bottom-1 rounded p-0.5 text-ink-3 transition-colors"
+										class="hover:text-error absolute -right-1 -bottom-1 cursor-pointer rounded p-0.5 text-ink-3 transition-colors"
+										title={m.btn_delete()}
 										aria-label={m.btn_delete()}
 										onclick={(e) => { e.stopPropagation(); deleteComment(msg.id); }}
 									>
 										<svg
-											class="h-3 w-3"
+											class="h-4 w-4"
 											fill="none"
 											viewBox="0 0 24 24"
 											stroke="currentColor"
diff --git a/frontend/src/lib/components/TranscriptionBlock.svelte b/frontend/src/lib/components/TranscriptionBlock.svelte
index 582486ef..73caa2d1 100644
--- a/frontend/src/lib/components/TranscriptionBlock.svelte
+++ b/frontend/src/lib/components/TranscriptionBlock.svelte
@@ -138,7 +138,7 @@ function handleTextareaMouseUp() {
 				{#if !hasComments}
 					<button
 						type="button"
-						class="flex items-center gap-1 text-xs font-medium text-ink-2 transition-colors hover:text-ink"
+						class="flex cursor-pointer items-center gap-1 text-xs font-medium text-ink-2 transition-colors hover:text-ink"
 						onclick={() => (commentOpen = true)}
 					>
 						<svg
@@ -188,7 +188,7 @@ function handleTextareaMouseUp() {
 				<!-- Delete button -->
 				<button
 					type="button"
-					class="hover:text-error text-ink-3 transition-colors"
+					class="hover:text-error cursor-pointer text-ink-3 transition-colors"
 					aria-label={m.btn_delete()}
 					onclick={handleDelete}
 				>