Merge pull request #704 from Ayushmaanagarwal1211/navbar-gap

Fixed Gap between navbar elements
SUGAM-ARORA · Aug 10, 2024 · da42049 · da42049
2 parents bf33cf3 + 8a3c709
commit da42049
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/Components/Footer.css b/src/Components/Footer.css
@@ -158,7 +158,6 @@
   font-size: 18px;
   border-radius: 25px;
   transition: ease-in-out 500ms;
-  margin-right: 1rem;
   text-decoration: none !important;
   width: 220px;
   text-align: center;

diff --git a/src/Components/TopContainer.css b/src/Components/TopContainer.css
@@ -46,7 +46,7 @@
 
 /* Individual nav items */
 .largeview .nav-item {
-  margin-right: 10px;
+  margin-right: 20px;
 }
 
 /* Nav item links */
@@ -55,6 +55,7 @@
   text-decoration: none;
   transition: color 0.3s ease, font-size 0.3s ease;
   display: flex;
+  gap: 5px;
   align-items: center; /* Center items vertically */
 }
 

diff --git a/src/Components/TopContainer.js b/src/Components/TopContainer.js
@@ -159,7 +159,7 @@ function TopContainer() {
           </div>
         </div>
 
-        <div className="inputBox o2">
+        <div className="inputBox o2" style={{width:"252px "}}>
           <div className="input-div">
             <i style={{ cursor: isMobile ? 'pointer' : 'default' }} onClick={searchbtnclick} className="searchbtn">
               <BiSearchAlt />
@@ -202,7 +202,7 @@ function TopContainer() {
 
         <div className="profileContainer o3">
           <a href="/pricing">
-            <button className="go-pro-btn">Go Pro</button>
+            <button className="go-pro-btn" style={{marginRight:"0px"}}>Go Pro</button>
           </a>
 
           <div className="notification-container" style={{ gap: "5px" }} ref={dropdownRef}>