From f8a5d36cc150350299a12873664720bf82a56497 Mon Sep 17 00:00:00 2001
From: zerinoid <leo.zerino@gmail.com>
Date: Sat, 8 Jul 2023 22:48:35 -0300
Subject: [PATCH] feat: improve SearchBox and filter groups labels alignment

---
 src/components/inputs/search-box/SearchBox.module.css | 5 ++---
 src/components/inputs/search-box/SearchBox.tsx        | 2 +-
 src/components/sections/filter/Filter.module.css      | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/inputs/search-box/SearchBox.module.css b/src/components/inputs/search-box/SearchBox.module.css
index f6a49de..fdd0d30 100644
--- a/src/components/inputs/search-box/SearchBox.module.css
+++ b/src/components/inputs/search-box/SearchBox.module.css
@@ -8,15 +8,14 @@
 .container input {
   width: 100%;
   font-weight: 500;
-  padding: 0 20px;
   margin: 0;
   display: inline-block;
   background: transparent;
   transition: all .15s linear;
   height: 40px;
   color: black;
-  font-size: 16px !important;
-  padding-left: 18px !important;
+  font-size: 16px;
+  padding-left: 16px;
 }
 
 .container input::placeholder {
diff --git a/src/components/inputs/search-box/SearchBox.tsx b/src/components/inputs/search-box/SearchBox.tsx
index c3cfe9c..8acfb62 100644
--- a/src/components/inputs/search-box/SearchBox.tsx
+++ b/src/components/inputs/search-box/SearchBox.tsx
@@ -16,7 +16,7 @@ const SearchBox: React.FC<ISearchBox> = ({ value, onChange }) => {
         type="search"
         value={value}
         onChange={handleChange}
-        placeholder="Search by name"
+        placeholder="Search by title, name or description"
       />
     </div>
   );
diff --git a/src/components/sections/filter/Filter.module.css b/src/components/sections/filter/Filter.module.css
index cdbb94e..96464d2 100644
--- a/src/components/sections/filter/Filter.module.css
+++ b/src/components/sections/filter/Filter.module.css
@@ -12,7 +12,7 @@
 
 .filterGroup {
   padding-top: 5px;
-  padding-left: 18px;
+  padding-left: 16px;
   font-size: 12px;
 }