feat: improve SearchBox and filter groups labels alignment

zerinoid · Jul 9, 2023 · f8a5d36 · f8a5d36
1 parent 491c039
commit f8a5d36
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git 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
@@ -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
@@ -12,7 +12,7 @@
 
 .filterGroup {
   padding-top: 5px;
-  padding-left: 18px;
+  padding-left: 16px;
   font-size: 12px;
 }