From: xangelo <me@xangelo.ca>
Date: Wed, 30 Aug 2023 13:51:26 +0000 (-0400)
Subject: feat: move alerts to bottom of main section
X-Git-Tag: v0.3.0~1
X-Git-Url: https://git.xangelo.ca/?a=commitdiff_plain;h=9575cfbecb0723a9eecc31243524a4a228603543;p=risinglegends.git

feat: move alerts to bottom of main section
---

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>