From ba8db120b4345911c950e1d7a763dcfc7715450f Mon Sep 17 00:00:00 2001
From: Esa Kataja <ekataja@gmail.com>
Date: Mon, 2 Dec 2024 16:30:28 +0200
Subject: [PATCH] style: enhance checkbox appearance in Card component

- Increase checkbox size to 24x24px
- Add rounded corners
- Implement visible border with theme color
- Add smooth transition animation
- Improve checked state visibility
---
 src/lib/components/Card.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index 0640fb5..f4b671a 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -24,7 +24,7 @@
 				name=""
 				id="card-{cardData.id}"
 				onchange={toggleCardChecked}
-				class="appearance-none"
+				class="appearance-none h-6 w-6 rounded-lg border-2 border-primary-FestiveRed-dark checked:bg-primary-FestiveRed-dark checked:border-primary-FestiveRed-dark cursor-pointer transition-all duration-200 ease-in-out"
 			/>
 		</div>
 		<div>