From 80bb6a403c6a1f6a7915d38a26746665d6e37971 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Wed, 22 Jan 2025 10:46:08 +0100
Subject: [PATCH] Fixing HTML for input switch elements

---
 example/index.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/example/index.html b/example/index.html
index 67cb7ad..7bac2f7 100644
--- a/example/index.html
+++ b/example/index.html
@@ -11635,22 +11635,22 @@ <h6 class="text-white"><span class="font-normal">This is an</span> H6 <span clas
             </div>
             <div class="px-6">
                 <div class="flex items-center space-x-12">
-                    <label class="inline-flex cursor-pointer">
+                    <label class="inline-flex cursor-pointer items-center relative">
                         <input class="sr-only peer" type="checkbox" value="" />
                         <div class="input-switch input-switch-light"></div>
                         <span class="input-label input-label-inline input-label-light">Label</span>
                     </label>
-                    <label class="inline-flex cursor-pointer">
+                    <label class="inline-flex cursor-pointer items-center relative">
                         <input class="sr-only peer" type="checkbox" value="" />
                         <div class="input-switch"></div>
                         <span class="input-label input-label-inline input-label-light">Label</span>
                     </label>
-                    <label class="inline-flex cursor-pointer">
+                    <label class="inline-flex cursor-pointer items-center relative">
                         <input class="sr-only peer" type="checkbox" value="" disabled />
                         <div class="input-switch input-switch-light"></div>
                         <span class="input-label input-label-inline input-label-light">Label</span>
                     </label>
-                    <label class="inline-flex cursor-pointer">
+                    <label class="inline-flex cursor-pointer items-center relative">
                         <input class="sr-only peer" type="checkbox" value="" disabled/>
                         <div class="input-switch input-switch-contrast input-switch-light"></div>
                         <span class="input-label input-label-inline input-label-light">Label</span>
@@ -11658,22 +11658,22 @@ <h6 class="text-white"><span class="font-normal">This is an</span> H6 <span clas
                 </div>
             </div>
             <div class="flex items-center bg-cover bg-[url('https://workadventure.github.io/design-system/bg-example.jpg')] bg-blur rounded-lg px-6 py-5 squircle squircle-xl space-x-12">
-                <label class="inline-flex cursor-pointer">
+                <label class="inline-flex cursor-pointer items-center relative">
                     <input class="sr-only peer" type="checkbox" value="" />
                     <div class="input-switch"></div>
                     <div class="input-label input-label-inline">Label</div>
                 </label>
-                <label class="inline-flex cursor-pointer">
+                <label class="inline-flex cursor-pointer items-center relative">
                     <input class="sr-only peer" type="checkbox" value="" />
                     <div class="input-switch input-switch-white"></div>
                     <div class="input-label input-label-inline">Label</div>
                 </label>
-                <label class="inline-flex cursor-pointer">
+                <label class="inline-flex cursor-pointer items-center relative">
                     <input class="sr-only peer" type="checkbox" value="" disabled />
                     <div class="input-switch"></div>
                     <div class="input-label input-label-inline">Label</div>
                 </label>
-                <label class="inline-flex cursor-pointer">
+                <label class="inline-flex cursor-pointer items-center relative">
                     <input class="sr-only peer" type="checkbox" value="" disabled />
                     <div class="input-switch input-switch-white"></div>
                     <div class="input-label input-label-inline">Label</div>