From 3ec413c863f64f6860551d3319aaee6c6c8070c9 Mon Sep 17 00:00:00 2001
From: borja <borja@brobert.net>
Date: Thu, 16 Oct 2025 13:34:39 +0200
Subject: [PATCH] =?UTF-8?q?refactor:=20mover=20'Completar'=20fuera=20de=20?=
 =?UTF-8?q?la=20fila=20para=20una=20sola=20l=C3=ADnea?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: aider (openrouter/openai/gpt-5) <aider@aider.chat>
---
 apps/web/src/lib/ui/data/TaskItem.svelte | 45 ++++++++++++------------
 1 file changed, 22 insertions(+), 23 deletions(-)

diff --git a/apps/web/src/lib/ui/data/TaskItem.svelte b/apps/web/src/lib/ui/data/TaskItem.svelte
index 76c3c68..dbf6863 100644
--- a/apps/web/src/lib/ui/data/TaskItem.svelte
+++ b/apps/web/src/lib/ui/data/TaskItem.svelte
@@ -274,16 +274,27 @@
 			>
 				↩️ Deshacer
 			</button>
-		{:else if due_date}
-			<span
-				class="date-badge"
-				class:overdue
-				class:soon={imminent}
-				title={overdue ? "Vencida" : imminent ? "Próxima" : "Fecha"}
+		{:else}
+			<button
+				class="btn primary primary-action"
+				aria-label="Completar"
+				title="Completar"
+				on:click|preventDefault={doComplete}
+				disabled={busy}
 			>
-				📅 {dateDmy}{#if overdue}
-					⚠{/if}
-			</span>
+				✅ Completar
+			</button>
+			{#if due_date}
+				<span
+					class="date-badge"
+					class:overdue
+					class:soon={imminent}
+					title={overdue ? "Vencida" : imminent ? "Próxima" : "Fecha"}
+				>
+					📅 {dateDmy}{#if overdue}
+						⚠{/if}
+				</span>
+			{/if}
 		{/if}
 	</div>
 	<div class="actions">
@@ -333,15 +344,6 @@
 					disabled={busy}>🫳 Soltar</button
 				>
 			{/if}
-			<button
-				class="btn primary primary-action"
-				aria-label="Completar"
-				title="Completar"
-				on:click|preventDefault={doComplete}
-				disabled={busy}
-			>
-				✅ Completar</button
-			>
 
 			{#if !editingText}
 				<button
@@ -513,7 +515,7 @@
 		grid-row: 3/4;
 		margin: 2px 0 4px 0;
 		display: flex;
-		flex-wrap: wrap;
+		flex-wrap: nowrap;
 		gap: 6px;
 		align-items: center;
 		justify-content: flex-start;
@@ -564,9 +566,6 @@
 		.actions {
 			justify-self: stretch;
 		}
-		.actions .primary-action {
-			flex: 1 1 100%;
-		}
 		.actions .secondary-action {
 			flex: 0 0 auto;
 		}
@@ -581,7 +580,7 @@
 		.actions {
 			grid-row: 3/4;
 			grid-column: 1/3;
-			justify-self: center;
+			justify-self: stretch;
 		}
 		.icon-btn {
 			padding: 2px;