style(ui): fix display of big toggles

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>