From f42f9ce818a7092c2722ccc20964f2cf49dda2d9 Mon Sep 17 00:00:00 2001
From: Till JS <tills95@gmail.com>
Date: Tue, 24 Mar 2026 19:46:33 +0100
Subject: [PATCH] fix(todo): swap checkbox/priority order, enlarge priority
 dot, remove chevron
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Swap positions: checkbox now before priority indicator (drag → check → prio → content)
- Increase priority dot size from 0.5rem to 0.625rem
- Remove expand/collapse chevron icon on the right side

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../web/src/lib/components/TaskItem.svelte    | 33 +++++--------------
 1 file changed, 8 insertions(+), 25 deletions(-)

diff --git a/apps/todo/apps/web/src/lib/components/TaskItem.svelte b/apps/todo/apps/web/src/lib/components/TaskItem.svelte
index 4198015aa..e59353f6d 100644
--- a/apps/todo/apps/web/src/lib/components/TaskItem.svelte
+++ b/apps/todo/apps/web/src/lib/components/TaskItem.svelte
@@ -311,12 +311,6 @@
 			</svg>
 		</div>
 
-		<!-- Priority indicator -->
-		<div
-			class="priority-dot"
-			style="background-color: {priorityColors[task.priority] || priorityColors.medium}"
-		></div>
-
 		<!-- Checkbox -->
 		<button
 			class="task-checkbox"
@@ -342,6 +336,12 @@
 			{/if}
 		</button>
 
+		<!-- Priority indicator -->
+		<div
+			class="priority-dot"
+			style="background-color: {priorityColors[task.priority] || priorityColors.medium}"
+		></div>
+
 		<!-- Content (clickable to expand) -->
 		<button type="button" class="task-content" onclick={handleContentClick}>
 			<span class="task-title" class:line-through={task.isCompleted}>
@@ -421,23 +421,6 @@
 		{#if projectColor()}
 			<div class="project-dot" style="background-color: {projectColor()}"></div>
 		{/if}
-
-		<!-- Expand/Collapse indicator -->
-		<button
-			class="expand-btn"
-			onclick={handleContentClick}
-			title={isExpanded ? 'Einklappen' : 'Bearbeiten'}
-		>
-			<svg
-				class="expand-icon"
-				class:rotated={isExpanded}
-				fill="none"
-				viewBox="0 0 24 24"
-				stroke="currentColor"
-			>
-				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
-			</svg>
-		</button>
 	</div>
 
 	<!-- Expanded inline edit form -->
@@ -751,8 +734,8 @@
 
 	/* Priority dot */
 	.priority-dot {
-		width: 0.5rem;
-		height: 0.5rem;
+		width: 0.625rem;
+		height: 0.625rem;
 		border-radius: 9999px;
 		flex-shrink: 0;
 	}