From b8a71fd3cb5d19b56737049074dc179983fa8bd7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cintia=20S=C3=A1nchez=20Garc=C3=ADa?= <cynthiasg@icloud.com>
Date: Tue, 16 May 2023 09:11:11 +0200
Subject: [PATCH] Fix GitHub button position in Navbar (#306)

Signed-off-by: Cintia Sanchez Garcia <cynthiasg@icloud.com>
---
 web/src/layout/navigation/Navbar.module.css | 4 ++++
 web/src/layout/navigation/Navbar.tsx        | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/src/layout/navigation/Navbar.module.css b/web/src/layout/navigation/Navbar.module.css
index 333b351..e5c2e79 100644
--- a/web/src/layout/navigation/Navbar.module.css
+++ b/web/src/layout/navigation/Navbar.module.css
@@ -16,6 +16,10 @@
   font-size: 0.6rem;
 }
 
+.githubIcon {
+  margin-top: -3px;
+}
+
 [data-theme='dark'] .alpha {
   background-color: var(--color-black-25);
 }
diff --git a/web/src/layout/navigation/Navbar.tsx b/web/src/layout/navigation/Navbar.tsx
index 2618716..3589ec1 100644
--- a/web/src/layout/navigation/Navbar.tsx
+++ b/web/src/layout/navigation/Navbar.tsx
@@ -41,7 +41,7 @@ const Navbar = () => {
             label="Github link"
             href="https://github.com/cncf/clotributor"
           >
-            <FaGithub />
+            <FaGithub className={`position-relative ${styles.githubIcon}`} />
           </ExternalLink>
           <Settings />
         </div>