From bb02dc0efb8fca2489145ee944a3f198a4ed9336 Mon Sep 17 00:00:00 2001
From: MattIPv4 <me@mattcowley.co.uk>
Date: Mon, 9 Oct 2023 03:19:24 +0100
Subject: [PATCH] Make nav float in ambassador panel

---
 src/pages/panel/App.scss                               |  1 +
 .../ambassadorCardOverlay.module.scss                  |  4 +++-
 .../ambassadorPanel/ambassadorPanel.module.scss        |  3 ++-
 src/pages/panel/components/nav/nav.module.scss         | 10 ++++++++--
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/pages/panel/App.scss b/src/pages/panel/App.scss
index bdcafca9..166dfc91 100644
--- a/src/pages/panel/App.scss
+++ b/src/pages/panel/App.scss
@@ -4,6 +4,7 @@
   background: $secondary-color;
   width: 100vw;
   min-height: 100vh;
+  position: relative;
 }
 
 ::-webkit-scrollbar {
diff --git a/src/pages/panel/components/ambassadorCardOverlay/ambassadorCardOverlay.module.scss b/src/pages/panel/components/ambassadorCardOverlay/ambassadorCardOverlay.module.scss
index 21337b77..b134bf3c 100644
--- a/src/pages/panel/components/ambassadorCardOverlay/ambassadorCardOverlay.module.scss
+++ b/src/pages/panel/components/ambassadorCardOverlay/ambassadorCardOverlay.module.scss
@@ -2,12 +2,14 @@
   display: flex;
   justify-content: center;
   align-items: center;
+
   position: fixed;
-  z-index: 1;
+  z-index: 10;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
+
   background: rgba(0, 0, 0, 0.5);
 }
 
diff --git a/src/pages/panel/components/ambassadorPanel/ambassadorPanel.module.scss b/src/pages/panel/components/ambassadorPanel/ambassadorPanel.module.scss
index 51bb21cc..80e40aa7 100644
--- a/src/pages/panel/components/ambassadorPanel/ambassadorPanel.module.scss
+++ b/src/pages/panel/components/ambassadorPanel/ambassadorPanel.module.scss
@@ -2,8 +2,9 @@
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  gap: 1.25rem;
+  gap: 1rem;
   padding: 1rem;
+  margin: 3rem 0 0;
 }
 
 .item {
diff --git a/src/pages/panel/components/nav/nav.module.scss b/src/pages/panel/components/nav/nav.module.scss
index a93f1c2f..d7b1097d 100644
--- a/src/pages/panel/components/nav/nav.module.scss
+++ b/src/pages/panel/components/nav/nav.module.scss
@@ -5,10 +5,16 @@
   justify-content: center;
   align-items: center;
 
-  background-color: $primary-color;
-  box-shadow: 0 0.25rem 0.25rem #2c2c2c;
+  background-color: rgba($primary-color, 0.875);
+  box-shadow: $shadow;
+  backdrop-filter: blur(0.25rem);
 
+  position: fixed;
+  top: 0;
+  width: 100vw;
+  height: 3rem;
   padding: 0.5rem;
+  z-index: 5;
 
   img {
     width: auto;