From 11a9b9e5b0ac9777e712548184c8a2c249fcaff2 Mon Sep 17 00:00:00 2001
From: Evan <evanpelle@gmail.com>
Date: Fri, 18 Apr 2025 13:46:50 -0700
Subject: [PATCH] move "join discord button" to footer, this makes space for
 the login button

---
 src/client/index.html               | 18 ++++--------------
 src/client/styles/layout/footer.css |  2 +-
 2 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/client/index.html b/src/client/index.html
index f0b8810f3..0de10d117 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -215,20 +215,7 @@
           <flag-input class="w-[20%] md:w-[15%]"></flag-input>
           <username-input class="w-full"></username-input>
         </div>
-        <div>
-          <a
-            target="_blank"
-            href="https://discord.gg/openfront"
-            class="w-full bg-[#5865F2] hover:bg-[#4752C4] text-white p-3 sm:p-4 lg:p-5 font-medium text-lg sm:text-xl lg:text-2xl rounded-lg border-none cursor-pointer transition-colors duration-300 flex justify-center items-center gap-5"
-          >
-            <img
-              style="height: 50px; width: 50px"
-              alt="Discord"
-              src="../../resources/icons/discord.svg"
-            />
-            <span data-i18n="main.join_discord"> Join the Discord! </span>
-          </a>
-        </div>
+        <div></div>
         <div>
           <public-lobby class="w-full"></public-lobby>
         </div>
@@ -331,6 +318,9 @@
           >
             Wiki
           </a>
+          <a target="_blank" href="https://discord.gg/openfront" class="t-link">
+            <span data-i18n="main.join_discord"> Join the Discord! </span>
+          </a>
         </div>
         <div class="l-footer__col t-text-white">
           © 2025
diff --git a/src/client/styles/layout/footer.css b/src/client/styles/layout/footer.css
index 7064d2281..40d4a1dde 100644
--- a/src/client/styles/layout/footer.css
+++ b/src/client/styles/layout/footer.css
@@ -20,5 +20,5 @@
 
 .l-footer__col {
   display: flex;
-  gap: 10px;
+  gap: 20px;
 }