From eaaa36c4a40e2de11957fce3472a3ebd66bd298f Mon Sep 17 00:00:00 2001
From: Mihai C <34626017+mihaic195@users.noreply.github.com>
Date: Fri, 20 Aug 2021 15:11:08 +0300
Subject: [PATCH] fix: clickable checkbox/label and minor styling (#442)

* fix: clickable checkbox/label

* fix: change location radiogroup color to dark

* fix: same classes for labels

Co-authored-by: mihaic195 <mihai@sortlist.com>
---
 pages/[user]/book.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/[user]/book.tsx b/pages/[user]/book.tsx
index feb62287..abdad3b0 100644
--- a/pages/[user]/book.tsx
+++ b/pages/[user]/book.tsx
@@ -234,7 +234,7 @@ export default function Book(props: any): JSX.Element {
                             type="radio"
                             required
                             onChange={(e) => setSelectedLocation(e.target.value)}
-                            className="location"
+                            className="location focus:ring-black h-4 w-4 text-black border-gray-300 mr-2"
                             name="location"
                             value={location.type}
                             checked={selectedLocation === location.type}
@@ -274,7 +274,7 @@ export default function Book(props: any): JSX.Element {
                         <div className="mb-4" key={"input-" + input.label.toLowerCase}>
                           {input.type !== EventTypeCustomInputType.BOOL && (
                             <label
-                              htmlFor={input.label}
+                              htmlFor={"custom_" + input.id}
                               className="block text-sm font-medium text-gray-700 dark:text-white mb-1">
                               {input.label}
                             </label>
@@ -319,8 +319,8 @@ export default function Book(props: any): JSX.Element {
                                 placeholder=""
                               />
                               <label
-                                htmlFor={input.label}
-                                className="block text-sm font-medium text-gray-700">
+                                htmlFor={"custom_" + input.id}
+                                className="block text-sm font-medium text-gray-700 dark:text-white mb-1">
                                 {input.label}
                               </label>
                             </div>