From 05e8eacd1cb8c7d36a1e143c5646191eef38fc90 Mon Sep 17 00:00:00 2001
From: SUNNY KUMAR <123469525+SUNNYKUMAR1232@users.noreply.github.com>
Date: Thu, 14 Sep 2023 18:53:34 +0530
Subject: [PATCH] fix: search bar (#460)

* fix: search bar

* fix: serach bar

* fix: search bar
---
 client/src/components/marginals/DesktopNavbar.js | 8 +++++---
 client/src/components/marginals/MobileNavbar.js  | 8 +++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/client/src/components/marginals/DesktopNavbar.js b/client/src/components/marginals/DesktopNavbar.js
index 361f9857..a49711f5 100644
--- a/client/src/components/marginals/DesktopNavbar.js
+++ b/client/src/components/marginals/DesktopNavbar.js
@@ -234,7 +234,9 @@ const useStyles = makeStyles((theme) => ({
   searchField: {
     width: '100%',
     color: theme.palette.primary.blue50,
-    paddingBottom: '0px',
+    '& input': {
+      paddingLeft: '20px',
+    },
   },
   trendingArticles: {
     position: 'absoulte',
@@ -254,18 +256,18 @@ const useStyles = makeStyles((theme) => ({
     position: 'absolute',
     background: '#FEFEFF',
     width: '100%',
-    padding: '20px',
     zIndex: '20022',
     borderRadius: '0px 0px 5px 5px',
     border: '1px #ECEDEC',
     borderStyle: 'none solid solid',
     boxShadow: '0px 0px 5px grey',
     display: (_) => (_.isSearchActive ? 'block' : 'none'),
+    paddingLeft: '20px',
   },
   trendingList: {
     fontFamily: theme.typography.fontFamily,
     alignItems: 'center',
-    paddingBottom: '8px',
+    paddingBottom: '12px',
     paddingTop: '8px',
     cursor: 'pointer',
   },
diff --git a/client/src/components/marginals/MobileNavbar.js b/client/src/components/marginals/MobileNavbar.js
index 2e87d386..d64cb83f 100644
--- a/client/src/components/marginals/MobileNavbar.js
+++ b/client/src/components/marginals/MobileNavbar.js
@@ -278,7 +278,9 @@ const useStyles = makeStyles((theme) => ({
   searchField: {
     width: '100%',
     color: theme.palette.primary.blue50,
-    paddingBottom: '0px',
+    '& input': {
+      paddingLeft: '20px',
+    },
   },
   trendingArticles: {
     position: 'absoulte',
@@ -301,18 +303,18 @@ const useStyles = makeStyles((theme) => ({
     position: 'absolute',
     background: '#FEFEFF',
     width: '100%',
-    padding: '20px',
     zIndex: '20022',
     borderRadius: '0px 0px 5px 5px',
     border: '1px #ECEDEC',
     borderStyle: 'none solid solid',
     boxShadow: '0px 0px 5px grey',
     display: (_) => (_.isSearchActive ? 'block' : 'none'),
+    paddingLeft: '20px',
   },
   trendingList: {
     fontFamily: theme.typography.fontFamily,
     alignItems: 'center',
-    paddingBottom: '8px',
+    paddingBottom: '12px',
     paddingTop: '8px',
     cursor: 'pointer',
   },