refactor: Improve label positioning in input and checkbox components

resources/views/components/forms/checkbox.blade.php

@@ -8,20 +8,20 @@
     'hideLabel' => false,
 ])
 
-<div class="flex flex-row items-center gap-4 px-2 py-1 form-control min-w-fit dark:hover:bg-coolgray-100">
-    @if(!$hideLabel)
-    <label class="flex gap-4 px-0 min-w-fit label">
-        <span class="flex gap-2">
-            @if ($label)
-                {!! $label !!}
-            @else
-                {{ $id }}
-            @endif
-            @if ($helper)
-                <x-helper :helper="$helper" />
-            @endif
-        </span>
-    </label>
+<div class="flex flex-row items-center py-1 form-control min-w-fit dark:hover:bg-coolgray-100">
+    @if (!$hideLabel)
+        <label class="flex gap-4 px-0 min-w-fit label">
+            <span class="flex gap-2">
+                @if ($label)
+                    {!! $label !!}
+                @else
+                    {{ $id }}
+                @endif
+                @if ($helper)
+                    <x-helper :helper="$helper" />
+                @endif
+            </span>
+        </label>
     @endif
     <span class="flex-grow"></span>
     <input @disabled($disabled) type="checkbox" {{ $attributes->merge(['class' => $defaultClass]) }}