From 996758170fd616cb1d4081d4b5fec0f494353f74 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Thu, 20 Mar 2025 10:00:34 +0100
Subject: [PATCH] style(ui): fix display of big toggles

---
 front/src/components/ui/Toggle.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/front/src/components/ui/Toggle.vue b/front/src/components/ui/Toggle.vue
index 723ddda41..fac89cb85 100644
--- a/front/src/components/ui/Toggle.vue
+++ b/front/src/components/ui/Toggle.vue
@@ -21,7 +21,10 @@ const diameter = big ? '28px' : '20px'
       type="checkbox"
       style="opacity: 0; /* Hide even before stylesheet is loaded */"
     >
-    <span v-if="label">{{ label }}</span>
+    <span
+      v-if="label"
+      :class="[$props.big ? $style.big : '']"
+    >{{ label }}</span>
   </label>
 </template>
 
@@ -81,6 +84,15 @@ const diameter = big ? '28px' : '20px'
 
   > span {
     padding-left: calc(var(--diameter) + 8px);
+    position: relative;
+    top: 2px;
+  }
+
+  > span.big {
+    padding-left: calc(var(--diameter) + 16px);
+    position: relative;
+    top: 6px;
+    font-size: 16px;
   }
 }
 </style>