From 57cf29e71c44afc68f7be250d86b132a40c9a771 Mon Sep 17 00:00:00 2001
From: Firq <firelp42@gmail.com>
Date: Tue, 16 Jul 2024 21:11:28 +0200
Subject: [PATCH] Navbar improvements

---
 package.json                |  2 +-
 src/components/navbar.astro | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 3b71223..d9b7ef6 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "fgo-ta-com-website",
   "type": "module",
-  "version": "0.2.2-pre.9",
+  "version": "0.2.2-pre.10",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
diff --git a/src/components/navbar.astro b/src/components/navbar.astro
index 0e2f916..5838c8f 100644
--- a/src/components/navbar.astro
+++ b/src/components/navbar.astro
@@ -33,12 +33,13 @@ const hamburger_src_url = `url("${hamburger.src}")`
     z-index: 1000;
     position: sticky;
     top: 0px;
-    background-color: var(--c-darkgray);
+    background-color: var(--c-darkergray);
     display: flex;
     height: auto;
     width: 100%;
     align-items: flex-start;
     line-height: 1.5em;
+    border-bottom: 2px solid var(--c-darkpurple) ;
   }
   header > a {
     margin-left: 16px;
@@ -67,7 +68,7 @@ const hamburger_src_url = `url("${hamburger.src}")`
     line-height: 1.5em;
   }
   .mobile > ul {
-    background-color: var(--c-darkgray);
+    background-color: var(--c-darkergray);
     align-items: center;
     flex-wrap: wrap;
     flex-direction: column;
@@ -84,7 +85,7 @@ const hamburger_src_url = `url("${hamburger.src}")`
 
   .mobile {
     display: flex;
-    background-color: var(--c-darkgray);
+    background-color: var(--c-darkergray);
     border: 0px;
     width: 100%;
     height: 64px;
@@ -114,13 +115,14 @@ const hamburger_src_url = `url("${hamburger.src}")`
 
   .hamburger-menu {
     mask: var(--hamburger_src_url) no-repeat center;
+    mask-size: cover;
     background-color: white;
-    width: 2rem;
-    height: 2rem;
+    width: 2.25rem;
+    height: 2.25rem;
     position: static;
     align-self: flex-start;
     margin-right: 1rem;
-    margin-top: 1rem;
+    margin-top: 0.825rem;
   }
 
   @media (min-width: 1140px) {