From 55fd075c1da395b623f8e3cb2c5da5895a7365fc Mon Sep 17 00:00:00 2001
From: Corban-Lee <corbz.jones@gmail.com>
Date: Tue, 17 Sep 2024 10:32:32 +0100
Subject: [PATCH] 'invite bot' warning alert is mobile friendly

---
 apps/templates/home/index.html | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/apps/templates/home/index.html b/apps/templates/home/index.html
index 47c67dc..a440b8d 100644
--- a/apps/templates/home/index.html
+++ b/apps/templates/home/index.html
@@ -66,14 +66,21 @@
                 </div>
 
                 <div id="serverJoinAlert" class="col-12 m-0">
-                    <div class="px-3 mt-4 mx-2 alert alert-warning fade show rounded-1 d-flex align-items-center flex-wrap"> <!-- continue here, mobile support -->
-                        <div class="me-4">
-                            <strong>Warning:</strong>
-                            The Bot isn't a member of
-                            <span class="resolve-to-server-name"></span>,
-                            features here will not function properly, please add the bot before proceeding.
+                    <div class="alert alert-warning rounded-1 px-3 mt-4 mx-2">
+                        <div class="row">
+                            <div class="col-xxl-10 d-flex align-items-center">
+                                <div class="mb-4 mb-xxl-0">
+                                    <strong>Warning:</strong>
+                                    <br class="d-xxl-none">
+                                    The Bot isn't a member of
+                                    <span class="resolve-to-server-name"></span>,
+                                    features here will not function properly, please add the bot before proceeding.
+                                </div>
+                            </div>
+                            <div class="col-xxl-2 text-xxl-end">
+                                <a class="btn btn-warning rounded-1 text-nowrap resolve-to-invite-link" target="_blank">Add PYRSS</a>
+                            </div>
                         </div>
-                        <a class="ms-auto btn btn-warning rounded-1 text-nowrap resolve-to-invite-link" target="_blank">Add PYRSS</a>
                     </div>
                 </div>