From ced53cf95f1a3ed155646c31f9d42bf7373e9abd Mon Sep 17 00:00:00 2001
From: JCEEE <0xjceee@proton.me>
Date: Tue, 4 Aug 2026 08:45:59 +0100
Subject: [PATCH] update todo badge & cap reward score ui

---
 .../src/routes/[fam]/[username]/+page.svelte   | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/[fam]/[username]/+page.svelte b/frontend/src/routes/[fam]/[username]/+page.svelte
index dac121a..9ae156b 100644
--- a/frontend/src/routes/[fam]/[username]/+page.svelte
+++ b/frontend/src/routes/[fam]/[username]/+page.svelte
@@ -1107,7 +1107,9 @@
 							<div class="goal-bar-fill" style="width:{pct}%"></div>
 						</div>
 						<div class="goal-foot">
-							<span class="goal-progress">{goal.current} / {goal.criteriaValue}</span>
+							<span class="goal-progress"
+								>{Math.min(goal.current, goal.criteriaValue)} / {goal.criteriaValue}</span
+							>
 							{#if goal.achieved}
 								<span class="goal-badge">✅ earned</span>
 							{:else}
@@ -1163,6 +1165,7 @@
 							>
 								<span class="checkbox">📋</span>
 								<span class="chore-name">{todo.customName || 'Todo'}</span>
+								<span class="todo-label">todo</span>
 								<span class="chore-value">🎯</span>
 							</div>
 						{:else}
@@ -1178,6 +1181,7 @@
 							>
 								<span class="checkbox">📋</span>
 								<span class="chore-name">{todo.customName || 'Todo'}</span>
+								<span class="todo-label">todo</span>
 								<span class="chore-value">{todo.value} {todo.type}</span>
 							</button>
 						{/if}
@@ -1893,6 +1897,18 @@
 	.chore.todo-black {
 		border-left-color: #1f2937;
 	}
+	.todo-label {
+		font-size: 0.62rem;
+		font-weight: 700;
+		text-transform: uppercase;
+		letter-spacing: 0.03em;
+		background: #fef3c7;
+		color: #b45309;
+		border: 1px solid #fcd34d;
+		border-radius: 4px;
+		padding: 1px 5px;
+		flex-shrink: 0;
+	}
 	.todo-display {
 		cursor: default;
 		opacity: 0.85;