From c684fcb8582f3b176e9091816c2e0e068ce5cbd4 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Tue, 14 Apr 2026 16:49:37 +0100
Subject: [PATCH] Reduce toggle button size by half

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 vue/src/components/input/ToggleButton.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/vue/src/components/input/ToggleButton.vue b/vue/src/components/input/ToggleButton.vue
index 906c294..492a9b3 100644
--- a/vue/src/components/input/ToggleButton.vue
+++ b/vue/src/components/input/ToggleButton.vue
@@ -17,13 +17,13 @@ function toggle() {
 <template>
     <button
         @click="toggle"
-        class="box-content border-2 border-primary w-20 h-fit rounded-full cursor-pointer"
+        class="box-content border-2 border-primary w-10 h-fit rounded-full cursor-pointer"
         :class="[props.modelValue ? 'bg-bg_secondary' : 'bg-bg_primary']"
     >
         <svg
             viewBox="0 0 40 40"
-            class="w-10 h-10 transition-all duration-300 ease-in-out"
-            :class="[props.modelValue ? 'ml-10' : 'ml-0']"
+            class="w-5 h-5 transition-all duration-300 ease-in-out"
+            :class="[props.modelValue ? 'ml-5' : 'ml-0']"
         >
             <circle class="fill-primary" cx="20" cy="20" r="20" />
         </svg>