From 9575cfbecb0723a9eecc31243524a4a228603543 Mon Sep 17 00:00:00 2001
From: xangelo <me@xangelo.ca>
Date: Wed, 30 Aug 2023 09:51:26 -0400
Subject: [PATCH] feat: move alerts to bottom of main section

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

diff --git a/public/assets/css/game.css b/public/assets/css/game.css
index 7fb9b92..b288eef 100644
--- a/public/assets/css/game.css
+++ b/public/assets/css/game.css
@@ -158,9 +158,16 @@ dialog .close-modal {
   }
 }
 
+#alerts {
+  position: relative;
+}
 .alert {
   padding: 0.3rem;
-  margin-bottom: 0.3rem;
+  max-width: 17rem;
+  position: absolute;
+  bottom: 1rem;
+  right: 0;
+  line-height: 1.2rem;
 }
 .alert.success, button.success {
   border: solid 1px #0a0;
diff --git a/public/index.html b/public/index.html
index 5e809aa..144ad91 100644
--- a/public/index.html
+++ b/public/index.html
@@ -45,7 +45,6 @@
 
       <div id="signup-prompt" class="hidden"></div>
 
-      <div id="alerts"></div>
       <div id="modal-wrapper"></div>
 
       <div id="main-nav">
@@ -63,6 +62,7 @@
           </div>
         </section>
       </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