From 138530597a15303e0ed511a4bbfa08a68fc887dd Mon Sep 17 00:00:00 2001
From: Dobromir Popov <dobromir.popov@gateway.one>
Date: Wed, 28 Feb 2024 10:21:57 +0200
Subject: [PATCH] reduce margins to imporve webUI

---
 _doc/notes.mb                               |  2 +-
 components/availability/AvailabilityForm.js | 20 ++++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/_doc/notes.mb b/_doc/notes.mb
index 62c0cb7..a109fda 100644
--- a/_doc/notes.mb
+++ b/_doc/notes.mb
@@ -2,7 +2,7 @@ Nginx:
 Email:    admin@example.com
 Password: changeme
 
-google auth:
+google auth @ /api/auth/signin:
 # // owner: dobromir.popov@gmail.com | Специално Свидетелстване София
 # // https://console.cloud.google.com/apis/credentials/oauthclient/926212607479-d3m8hm8f8esp3rf1639prskn445sa01v.apps.googleusercontent.com?project=grand-forge-108716 
 
diff --git a/components/availability/AvailabilityForm.js b/components/availability/AvailabilityForm.js
index ad5410b..6dad867 100644
--- a/components/availability/AvailabilityForm.js
+++ b/components/availability/AvailabilityForm.js
@@ -419,7 +419,7 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
 
     return (
       <>
-        <label className="checkbox-container flex items-center mb-4">
+        <label className="checkbox-container flex items-center mb-2">
           <input type="checkbox" checked={allDay} onChange={e => handleAllDayChange(e)} className="form-checkbox h-5 w-5 text-gray-600 mx-2" />
           Цял ден
           <span className="checkmark"></span>
@@ -430,7 +430,7 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
           // Determine if the current slot is the first or the last
 
           return (
-            <div key={index} className="mb-4 flex justify-between items-center">
+            <div key={index} className="mb-1 flex justify-between items-center">
               <label className={`checkbox-container flex items-center mb-2 ${allDay ? 'opacity-50' : ''}`}>
                 <input type="checkbox" checked={slot.isChecked || allDay} onChange={() => handleSlotCheckedChange(slot)}
                   disabled={allDay}
@@ -471,30 +471,30 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
         </h3>
 
         <LocalizationProvider dateAdapter={AdapterDateFns} localeText={bgBG} adapterLocale={bg}>
-          <div className="mb-4">
+          <div className="mb-2">
             <DatePicker label="Изберете дата" value={availability.startTime} onChange={(value) => setAvailability({ ...availability, endTime: value })} />
           </div>
 
           <div>
             {config?.checkboxUI && config.checkboxUI.enabled ? (
-              <div className="mb-4">
+              <div className="mb-1">
                 {/* Time slot checkboxes */}
                 <TimeSlotCheckboxes slots={timeSlots} setSlots={setTimeSlots} item={availability} />
               </div>
             ) : (
               <>
                 {/* Start Time Picker */}
-                <div className="mb-4">
+                <div className="mb-2">
                   <MobileTimePicker label="От" minutesStep={15} value={availability.startTime} minTime={minTime} maxTime={maxTime}
                     onChange={(value) => setAvailability({ ...availability, startTime: value })} />
                 </div>
 
                 {/* End Time Picker */}
-                <div className="mb-4">
+                <div className="mb-2">
                   <MobileTimePicker label="До" minutesStep={15} value={availability.endTime} minTime={minTime} maxTime={maxTime}
                     onChange={(value) => setAvailability({ ...availability, endTime: value })} />
                 </div>
-                <div className="mb-4">
+                <div className="mb-2">
                   <label className="checkbox-container">
                     <input type="checkbox" checked={availability.isWithTransport} className="form-checkbox h-5 w-5 text-gray-600 mx-2"
                       onChange={() => setAvailability({ ...availability, isWithTransport: !availability.isWithTransport })} />
@@ -507,7 +507,7 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
           </div>
 
 
-          <div className="mb-4">
+          <div className="mb-2">
             <label className="checkbox-container">
               <input type="checkbox" checked={availability.repeatWeekly} className="form-checkbox h-5 w-5 text-gray-600 mx-2"
                 onChange={() => setAvailability({ ...availability, repeatWeekly: !availability.repeatWeekly })} />
@@ -546,13 +546,13 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
 
           {false && availability.repeatWeekly && (
 
-            <div className="mb-4">
+            <div className="mb-2">
               <DatePicker label="До" value={availability.endDate} onChange={(value) => setAvailability({ ...availability, endDate: value })} />
             </div>
           )}
         </LocalizationProvider>
 
-        <div className="mb-4 hidden">
+        <div className="mb-2 hidden">
           <div className="form-check">
             <input className="checkbox form-input" type="checkbox" id="isactive" name="isactive" onChange={handleChange} checked={availability.isactive} autoComplete="off" />
             <label className="label" htmlFor="isactive">активно</label>