From 52416307ee51beefaeea380e65b4d54a75e030f7 Mon Sep 17 00:00:00 2001
From: Stevan Freeborn <65925598+StevanFreeborn@users.noreply.github.com>
Date: Sat, 8 Apr 2023 15:07:39 -0500
Subject: [PATCH] fix: positioning approaching for dropdown menu

---
 src/app/components/NavBar.module.css | 7 +++++--
 src/app/components/NavBar.tsx        | 4 ++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/components/NavBar.module.css b/src/app/components/NavBar.module.css
index f6944b8..17d2d39 100644
--- a/src/app/components/NavBar.module.css
+++ b/src/app/components/NavBar.module.css
@@ -13,6 +13,7 @@
 
 .navItem {
   margin-left: 1rem;
+  position: relative;
 }
 
 .navLink {
@@ -32,13 +33,15 @@
 .dropdownMenuOpen {
   position: absolute;
   display: block;
-  top: 3.25rem;
-  right: 11.75rem;
   padding: 0.5rem 2rem;
   z-index: 100;
   box-shadow: 0 0 2px 0.2px #05254a;
   border-radius: 0.25rem;
   background-color: #0b3766;
+  white-space: nowrap;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, 50%);
 }
 
 .dropdownMenuOpen::before {
diff --git a/src/app/components/NavBar.tsx b/src/app/components/NavBar.tsx
index e15cdfd..9fc3feb 100644
--- a/src/app/components/NavBar.tsx
+++ b/src/app/components/NavBar.tsx
@@ -34,7 +34,7 @@ function NavbarDropdown() {
             viewBox="0 0 16 16"
           >
             <path
-              fill-rule="evenodd"
+              fillRule="evenodd"
               d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"
             />
           </svg>
@@ -48,7 +48,7 @@ function NavbarDropdown() {
             viewBox="0 0 16 16"
           >
             <path
-              fill-rule="evenodd"
+              fillRule="evenodd"
               d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"
             />
           </svg>