From 606e220a9f0ceba6de830b4a10f562284c742aed Mon Sep 17 00:00:00 2001
From: Colin Kallemein <cakallemein@gmail.com>
Date: Wed, 27 Nov 2024 20:39:09 +0100
Subject: [PATCH] Slightly adjusted styling radio hair color buttons

---
 src/components/screens/Characters.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/screens/Characters.vue b/src/components/screens/Characters.vue
index 17c5494..e517789 100644
--- a/src/components/screens/Characters.vue
+++ b/src/components/screens/Characters.vue
@@ -88,7 +88,7 @@
                 <span class="text-sm">Hair color</span>
                 <div class="flex gap-2 flex-wrap">
                   <!-- TODO: replace with hair colors -->
-                  <input type="radio" name="hair-color" v-for="n in 10" class="bg-white w-6 h-6 m-0 rounded-sm hover:cursor-pointer" />
+                  <input type="radio" name="hair-color" v-for="n in 10" class="bg-red w-6 h-6 m-0 rounded-sm hover:cursor-pointer checked:outline checked:outline-1 checked:outline-white" />
                 </div>
               </div>
             </div>