From f0ea5fd63d29e142238c0adfcd4a6065940e1f0e Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 29 Jun 2022 13:38:43 +0200
Subject: [PATCH] fix(ui) - checkbox click

---
 .../app/components/shared/SaveSearchModal/SaveSearchModal.tsx | 4 ++--
 frontend/app/components/ui/Checkbox/Checkbox.tsx              | 2 +-
 frontend/app/styles/global.scss                               | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/shared/SaveSearchModal/SaveSearchModal.tsx b/frontend/app/components/shared/SaveSearchModal/SaveSearchModal.tsx
index 07fb3bcbd..da6ce0d50 100644
--- a/frontend/app/components/shared/SaveSearchModal/SaveSearchModal.tsx
+++ b/frontend/app/components/shared/SaveSearchModal/SaveSearchModal.tsx
@@ -53,7 +53,7 @@ function SaveSearchModal(props: Props) {
     }
   }
 
-  const onChangeOption = (e, { checked, name }) => props.edit({ [ name ]: checked })
+  const onChangeOption = ({ target: { checked, name }}: any) => props.edit({ [ name ]: checked })
 
 
   return (
@@ -94,7 +94,7 @@ function SaveSearchModal(props: Props) {
                 onClick={ onChangeOption }
               />
               <div
-                className="flex items-center cursor-pointer"
+                className="flex items-center cursor-pointer select-none"
                 onClick={ () => props.edit({ 'isPublic' : !savedSearch.isPublic }) }
               >
                 <Icon name="user-friends" size="16" />
diff --git a/frontend/app/components/ui/Checkbox/Checkbox.tsx b/frontend/app/components/ui/Checkbox/Checkbox.tsx
index 01e3bb471..0781183b1 100644
--- a/frontend/app/components/ui/Checkbox/Checkbox.tsx
+++ b/frontend/app/components/ui/Checkbox/Checkbox.tsx
@@ -14,7 +14,7 @@ export default (props: Props) => {
         type="checkbox" 
         { ...rest }
       />
-      {label && <span className="ml-2 select-none">{label}</span>}
+      {label && <span className="ml-2 select-none mb-0">{label}</span>}
     </label>
   )
 };
\ No newline at end of file
diff --git a/frontend/app/styles/global.scss b/frontend/app/styles/global.scss
index 086d884f0..0aa651dda 100644
--- a/frontend/app/styles/global.scss
+++ b/frontend/app/styles/global.scss
@@ -1,4 +1,4 @@
-.form-field label {
+.form-field > label {
     font-weight: 500;
     margin-bottom: 5px;
     color: '#888';