Made some improvements in the styles of navbar component

Signed-off-by: predator4hack <[email protected]>

Author: predator4hack

src/components/Navigation.js

@@ -7,7 +7,13 @@ import SearchBar from './Search';
 
 function Navigation() {
   return (
-    <Navbar collapseOnSelect expand='lg' bg='light' variant='light'>
+    <Navbar
+      collapseOnSelect
+      expand='lg'
+      bg='light'
+      variant='light'
+      style={{ paddingLeft: '30px', paddingRight: '30px', textAlign: 'center' }}
+    >
       <Navbar.Brand href='#home'>
         <img src={Logo} alt='' srcSet='' height={81} width={150} />
       </Navbar.Brand>

src/components/Search.js

@@ -4,7 +4,7 @@ import '../index.css';
 
 function SearchBar() {
   return (
-    <div className='search'>
+    <div className='search' style={{ display: 'flex', justifyContent: 'center' }}>
       <div className='searchInputs'>
         <input type='text' />
         <div className='searchIcon'>