From 6e756e871c4bc99a36f74bfe866bc164fc75b46a Mon Sep 17 00:00:00 2001
From: xangelo <me@xangelo.ca>
Date: Wed, 30 Aug 2023 11:44:28 -0400
Subject: [PATCH] fix: stop z-stacking alert messages

---
 public/assets/css/game.css | 9 +++++----
 public/index.html          | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/public/assets/css/game.css b/public/assets/css/game.css
index b288eef..a7e31c0 100644
--- a/public/assets/css/game.css
+++ b/public/assets/css/game.css
@@ -159,15 +159,15 @@ dialog .close-modal {
 }
 
 #alerts {
-  position: relative;
+  position: absolute;
+  right: 0;
+  bottom: 0;
 }
 .alert {
   padding: 0.3rem;
   max-width: 17rem;
-  position: absolute;
-  bottom: 1rem;
-  right: 0;
   line-height: 1.2rem;
+  box-shadow: -3px -3px 4px 0px rgba(0, 0, 0, 0.5);
 }
 .alert.success, button.success {
   border: solid 1px #0a0;
@@ -367,6 +367,7 @@ nav.filter-result.active {
 }
 #main-nav {
   margin-bottom: 1rem;
+  position: relative;
 }
 #main-nav section {
   min-height: 344px;
diff --git a/public/index.html b/public/index.html
index 144ad91..32e40fd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -61,8 +61,8 @@
             <p><button class="btn" id="logout">Logout</button></p>
           </div>
         </section>
+        <div id="alerts"></div>
       </div>
-      <div id="alerts"></div>
 
       <section id="chat">
         <div id="chat-messages" hx-trigger="load delay:1s" hx-get="/chat/history" hx-swap="afterbegin"></div>
-- 
2.25.1