From 728b92228bf4581d734e02e8b8fe72333ef384a3 Mon Sep 17 00:00:00 2001
From: Kenta420 <poomipat002@gmail.com>
Date: Wed, 18 Oct 2023 14:05:42 +0700
Subject: [PATCH] checkbox fit content

---
 .../recipes/recipe-details/recipe-details.component.html    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/app/features/recipes/recipe-details/recipe-details.component.html b/client/src/app/features/recipes/recipe-details/recipe-details.component.html
index 1b463a0..9d2902a 100644
--- a/client/src/app/features/recipes/recipe-details/recipe-details.component.html
+++ b/client/src/app/features/recipes/recipe-details/recipe-details.component.html
@@ -89,19 +89,19 @@
         </div>
         <div class="flex flex-col gap-2">
           <div class="form-control">
-            <label class="flex justify-start gap-2 cursor-pointer label">
+            <label class="flex justify-start gap-2 cursor-pointer label w-fit">
               <span class="label-text">Is Use?</span>
               <input type="checkbox" class="toggle" formControlName="isUse" />
             </label>
           </div>
           <div class="form-control">
-            <label class="flex justify-start gap-2 cursor-pointer label">
+            <label class="flex justify-start gap-2 cursor-pointer label w-fit">
               <span class="label-text">Is Show?</span>
               <input type="checkbox" class="toggle" formControlName="isShow" />
             </label>
           </div>
           <div class="form-control">
-            <label class="flex justify-start gap-2 cursor-pointer label">
+            <label class="flex justify-start gap-2 cursor-pointer label w-fit">
               <span class="label-text">Is Disable?</span>
               <input type="checkbox" class="toggle" formControlName="disable" />
             </label>