From f60d43d58922219444b38ca8afc62de6367df1c3 Mon Sep 17 00:00:00 2001
From: mayurlalwani <lalwanimayur06@gmail.com>
Date: Tue, 25 Apr 2023 12:49:35 +0530
Subject: [PATCH 1/2] fix hierarchy of button and anchor tag

---
 src/components/UI/navbar/index.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/UI/navbar/index.js b/src/components/UI/navbar/index.js
index d1028a37..045bc629 100644
--- a/src/components/UI/navbar/index.js
+++ b/src/components/UI/navbar/index.js
@@ -100,7 +100,7 @@ const Navbar = () => {
             <div className={styles.navBarLogin}>
               {!isLoggedIn && (
                 <Link href={authUrl}>
-                  <a className={styles.btnLogin}>
+                  <div className={styles.btnLogin}>
                     <button type="button" className={styles.btnLoginText}>
                       Sign In
                       <img
@@ -111,7 +111,7 @@ const Navbar = () => {
                         width="15px"
                       />
                     </button>
-                  </a>
+                  </div>
                 </Link>
               )}
               {isLoggedIn && (
@@ -175,7 +175,7 @@ const Navbar = () => {
               <li className={styles.navBarLoginLi}>
                 {!isLoggedIn && (
                   <Link href={authUrl}>
-                    <a className={styles.btnLogin}>
+                    <div className={styles.btnLogin}>
                       <button type="button" className={styles.btnLoginText}>
                         Sign In With GitHub
                         <img
@@ -186,7 +186,7 @@ const Navbar = () => {
                           width="15px"
                         />
                       </button>
-                    </a>
+                    </div>
                   </Link>
                 )}
                 {isLoggedIn && (

From bf5941e35660c8b61428dbe3e782305381319595 Mon Sep 17 00:00:00 2001
From: mayurlalwani <lalwanimayur06@gmail.com>
Date: Thu, 1 Jun 2023 14:28:52 +0530
Subject: [PATCH 2/2] remove div tag and update styles

---
 src/components/UI/navbar/index.js           | 44 ++++++++++-----------
 src/components/UI/navbar/navbar.module.scss |  1 +
 2 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/src/components/UI/navbar/index.js b/src/components/UI/navbar/index.js
index 045bc629..2e31f17f 100644
--- a/src/components/UI/navbar/index.js
+++ b/src/components/UI/navbar/index.js
@@ -100,18 +100,16 @@ const Navbar = () => {
             <div className={styles.navBarLogin}>
               {!isLoggedIn && (
                 <Link href={authUrl}>
-                  <div className={styles.btnLogin}>
-                    <button type="button" className={styles.btnLoginText}>
-                      Sign In
-                      <img
-                        className={styles.githubLogo}
-                        src={GITHUB_LOGO}
-                        alt="GitHub Icon"
-                        height="15px"
-                        width="15px"
-                      />
-                    </button>
-                  </div>
+                  <button type="button" className={styles.btnLoginText}>
+                    Sign In
+                    <img
+                      className={styles.githubLogo}
+                      src={GITHUB_LOGO}
+                      alt="GitHub Icon"
+                      height="15px"
+                      width="15px"
+                    />
+                  </button>
                 </Link>
               )}
               {isLoggedIn && (
@@ -175,18 +173,16 @@ const Navbar = () => {
               <li className={styles.navBarLoginLi}>
                 {!isLoggedIn && (
                   <Link href={authUrl}>
-                    <div className={styles.btnLogin}>
-                      <button type="button" className={styles.btnLoginText}>
-                        Sign In With GitHub
-                        <img
-                          className={styles.githubLogo}
-                          src={GITHUB_LOGO}
-                          alt="GitHub Icon"
-                          height="15px"
-                          width="15px"
-                        />
-                      </button>
-                    </div>
+                    <button type="button" className={styles.btnLoginText}>
+                      Sign In With GitHub
+                      <img
+                        className={styles.githubLogo}
+                        src={GITHUB_LOGO}
+                        alt="GitHub Icon"
+                        height="15px"
+                        width="15px"
+                      />
+                    </button>
                   </Link>
                 )}
                 {isLoggedIn && (
diff --git a/src/components/UI/navbar/navbar.module.scss b/src/components/UI/navbar/navbar.module.scss
index 25836f1e..616f0e01 100644
--- a/src/components/UI/navbar/navbar.module.scss
+++ b/src/components/UI/navbar/navbar.module.scss
@@ -63,6 +63,7 @@
   border: 2px solid white;
   display: flex;
   justify-content: space-around;
+  margin: 22px;
 }
 
 .userGreet {