From 4af6caa79cb2594ac304655b1be97f198e86037e Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Wed, 25 Sep 2024 09:16:28 +0200
Subject: [PATCH] refactor: Update checkbox component to support full width
 option

---
 resources/views/components/forms/checkbox.blade.php    |  6 +++++-
 .../views/components/modal-confirmation.blade.php      | 10 +++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/resources/views/components/forms/checkbox.blade.php b/resources/views/components/forms/checkbox.blade.php
index babbb9347..439fc4ad2 100644
--- a/resources/views/components/forms/checkbox.blade.php
+++ b/resources/views/components/forms/checkbox.blade.php
@@ -6,9 +6,13 @@
     'instantSave' => false,
     'value' => null,
     'hideLabel' => false,
+    'fullWidth' => false,
 ])
 
-<div class="flex flex-row items-center py-1 form-control min-w-fit dark:hover:bg-coolgray-100">
+<div @class([
+    'flex flex-row items-center gap-4 px-2 py-1 form-control min-w-fit dark:hover:bg-coolgray-100',
+    'w-full' => $fullWidth,
+])>
     @if (!$hideLabel)
         <label class="flex gap-4 px-0 min-w-fit label">
             <span class="flex gap-2">
diff --git a/resources/views/components/modal-confirmation.blade.php b/resources/views/components/modal-confirmation.blade.php
index 5957ce860..dcb760ef9 100644
--- a/resources/views/components/modal-confirmation.blade.php
+++ b/resources/views/components/modal-confirmation.blade.php
@@ -181,14 +181,10 @@
                             </div>
                             @foreach ($checkboxes as $index => $checkbox)
                                 <div class="flex justify-between items-center mb-2">
-                                    <label for="{{ $checkbox['id'] }}"
-                                        class="flex-grow pr-4 text-sm leading-5 text-gray-700 dark:text-gray-300">
-                                        {{ $checkbox['label'] }}
-                                    </label>
-                                    <x-forms.checkbox :id="$checkbox['id']" :wire:model="$checkbox['id']"
+                                    <x-forms.checkbox fullWidth :label="$checkbox['label']" :id="$checkbox['id']"
+                                        :wire:model="$checkbox['id']"
                                         x-on:change="toggleAction('{{ $checkbox['id'] }}')" :checked="$this->{$checkbox['id']}"
-                                        x-bind:checked="selectedActions.includes('{{ $checkbox['id'] }}')"
-                                        class="flex-shrink-0" :hideLabel="true" />
+                                        x-bind:checked="selectedActions.includes('{{ $checkbox['id'] }}')" />
                                 </div>
                             @endforeach
                         </div>