Fix GitHub button position in Navbar (#306)

Signed-off-by: Cintia Sanchez Garcia <[email protected]>
cncf · May 16, 2023 · b8a71fd · b8a71fd
1 parent 3aa64f5
commit b8a71fd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -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>