From e56aeac93bfd8cc05ddf229b7e51939fde41effd Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Tue, 8 Sep 2026 10:08:39 +0200
Subject: Replace routine status text chip with fixed-width glyph chip

Status becomes a 1.5rem rounded-square chip (ok=check, due=clock,
late=!, veryLate=double !) keeping the green-to-red colors, moved to
the start of each routine row; label and overdue stay in title.
---
 src/lib/components/StatusBadge.svelte | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

(limited to 'src/lib/components/StatusBadge.svelte')

diff --git a/src/lib/components/StatusBadge.svelte b/src/lib/components/StatusBadge.svelte
index babcbfa..3747270 100644
--- a/src/lib/components/StatusBadge.svelte
+++ b/src/lib/components/StatusBadge.svelte
@@ -18,9 +18,16 @@
 					? 'status bg-accent text-white'
 					: 'status bg-danger text-white',
 	);
+
+	const icon = $derived(
+		status === 'ok' ? '✓' : status === 'due' ? '◷' : status === 'late' ? '!' : '‼',
+	);
+
+	const label = $derived(
+		overdueDays > 0
+			? `${STATUS_LABELS[status]} (${overdueDays} j)`
+			: STATUS_LABELS[status],
+	);
 </script>
 
-<span class={className}>
-	{STATUS_LABELS[status]}{#if overdueDays > 0}
-		({overdueDays} j){/if}
-</span>
+<span class={className} role="img" aria-label={label} title={label}>{icon}</span>
-- 
cgit v1.3