From f767e7c2ad1776cf046345ee4a774fcc2b7f6129 Mon Sep 17 00:00:00 2001
From: 8BitBiscotti <camilla.biscotti@gmail.com>
Date: Mon, 9 Dec 2024 15:06:09 +0100
Subject: [PATCH] fixed a bug where the navBar was a lot bigger than the
 buttons

---
 index.html | 15 +++++++++++++++
 navBar.css | 11 ++++++-----
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 0857bbe..8046467 100644
--- a/index.html
+++ b/index.html
@@ -22,6 +22,21 @@
         <img class="navBtnImg" draggable="false" src="/assets/navBarBtn.png">
       </button>
     </li>
+    <li>
+      <button class="navBtn">
+        <img class="navBtnImg" draggable="false" src="/assets/navBarBtn.png">
+      </button>
+    </li>
+    <li>
+      <button class="navBtn">
+        <img class="navBtnImg" draggable="false" src="/assets/navBarBtn.png">
+      </button>
+    </li>
+    <li>
+      <button class="navBtn">
+        <img class="navBtnImg" draggable="false" src="/assets/navBarBtn.png">
+      </button>
+    </li>
   </ul>
 
   <script src="/pxDensity.js"></script>
diff --git a/navBar.css b/navBar.css
index 4cad375..134bede 100644
--- a/navBar.css
+++ b/navBar.css
@@ -3,9 +3,6 @@ li {
   display: inline;
   margin: calc(1px * var(--pxDensity));
 }
-ul {
-  padding: calc(1px * var(--pxDensity)) 0px;
-}
 
 .navBar {
   background-color: var(--navBar_Inner);
@@ -13,8 +10,12 @@ ul {
   box-shadow: calc(1px * var(--pxDensity)) 0px var(--navBar_Border),
               calc(-1px * var(--pxDensity)) 0px var(--navBar_Border),
               0px calc(1px * var(--pxDensity)) var(--navBar_Border),
-              0px calc(-1px * var(--pxDensity)) var(--navBar_Border),
-              0px calc(2px * var(--pxDensity)) 0px calc(1px * var(--pxDensity)) rgba(0, 0, 0, 0.5);
+              0px calc(-1px * var(--pxDensity)) var(--navBar_Border);
+
+  filter: drop-shadow(0px calc(2px * var(--pxDensity)) rgba(0, 0, 0, 0.5));
+  padding: calc(1px * var(--pxDensity)) 0px;
+  display: inline-block;
+  width: auto;
 }
 .navBtn {
   background-color: transparent;