From 4d0da199d210a34fe50bb08066ed31ecb022aa92 Mon Sep 17 00:00:00 2001
From: Sequoia Haynes <supersequoia11@gmail.com>
Date: Fri, 20 Sep 2024 16:39:54 -0700
Subject: [PATCH] make it look nicer (i hope)

---
 css/index.css | 17 ++++++++++++++++-
 index.html    | 34 +++++++++++++++++++---------------
 2 files changed, 35 insertions(+), 16 deletions(-)

diff --git a/css/index.css b/css/index.css
index 36c4a8b..4cf8c66 100644
--- a/css/index.css
+++ b/css/index.css
@@ -9,7 +9,22 @@ body {
     min-height: 100vh;
     overflow-x: hidden;
 }
-
+#18mobileContainer{
+    display: flex;
+    width: 1%;
+}
+#18Container{
+    display: flex;
+    width: 1%;
+}
+#15Container{
+    display: flex;
+    width: 1%;
+}
+#15mobileContainer{
+    display: flex;
+    width: 1%;
+}
 h1 {
     color: #000000;
 }
diff --git a/index.html b/index.html
index ae29e1e..fb7df32 100644
--- a/index.html
+++ b/index.html
@@ -33,34 +33,38 @@
     <!-- Version 1.8 Section -->
     <div id="desktopVersion18">
         <p class="version-text">Version 1.8</p>
-
-        <a class="version-link filter-button" href="./eagler-files/1.8/main/index.html"><button>Main 1.8 Client</button></a>
-        <a class="version-link filter-button" href="./eagler-files/1.8/resent4.0/index.html"><button>Resent 4.0 Client <img src="images/Recomended.png" alt="Recommended" class="recommended"></button></a>
-        <a class="version-link filter-button" href="./eagler-files/1.8/ShadowClient.html"><button>Shadow Client</button></a>
-        <a class="version-link filter-button" href="./eagler-files/1.8/EaglerForge/index.html"><button>EaglerForge [MODS!]</button></a>
+        <div id="18Container">
+            <a class="version-link filter-button" href="./eagler-files/1.8/main/index.html"><button>Main 1.8 Client</button></a>
+            <a class="version-link filter-button" href="./eagler-files/1.8/resent4.0/index.html"><button>Resent 4.0 Client <img src="images/Recomended.png" alt="Recommended" class="recommended"></button></a>
+            <a class="version-link filter-button" href="./eagler-files/1.8/ShadowClient.html"><button>Shadow Client</button></a>
+            <a class="version-link filter-button" href="./eagler-files/1.8/EaglerForge/index.html"><button>EaglerForge [MODS!]</button></a>
+        </div>
     </div>
 
     <div id="mobileVersion18" style="display: none;">
         <p class="version-text">Version 1.8 - Mobile</p>
-
-        <a class="version-link filter-button" href="./eagler-files/mobile/1.8/EaglerMobile/index.html"><button>EaglerMobile 1.8</button></a>
-        <a class="version-link filter-button" href="./eagler-files/mobile/1.8/EaglerPocketMobile/index.html"><button>EaglerPocketMobile 1.8</button></a>
+        <div id="18mobileContainer">
+            <a class="version-link filter-button mobile18" href="./eagler-files/mobile/1.8/EaglerMobile/index.html"><button>EaglerMobile 1.8</button></a>
+            <a class="version-link filter-button mobile18" href="./eagler-files/mobile/1.8/EaglerPocketMobile/index.html"><button>EaglerPocketMobile 1.8</button></a>
+        </div>
     </div>
 
     <!-- Version 1.5.2 Section -->
     <div id="desktopVersion152">
         <p class="version-text">Version 1.5.2</p>
-
-        <a class="version-link filter-button" href="./eagler-files/1.5.2/main/index.html"><button>Main 1.5.2 Client</button></a>
-        <a class="version-link filter-button" href="./eagler-files/1.5.2/PrecisionBeta.html"><button>Precision Beta Client</button></a>
-        <a class="version-link filter-button" href="./eagler-files/1.5.2/precisionbeta2/index.html"><button>Precision Beta 2</button></a>
+        <div id="15Container">
+            <a class="version-link filter-button" href="./eagler-files/1.5.2/main/index.html"><button>Main 1.5.2 Client</button></a>
+            <a class="version-link filter-button" href="./eagler-files/1.5.2/PrecisionBeta.html"><button>Precision Beta Client</button></a>
+            <a class="version-link filter-button" href="./eagler-files/1.5.2/precisionbeta2/index.html"><button>Precision Beta 2</button></a>
+        </div>
     </div>
 
     <div id="mobileVersion152" style="display: none;">
         <p class="version-text">Version 1.5.2 - Mobile</p>
-
-        <a class="version-link filter-button" href="./eagler-files/mobile/1.5.2/EaglerMobile/index.html"><button>EaglerMobile 1.5.2</button></a>
-        <a class="version-link filter-button" href="./eagler-files/mobile/1.5.2/EaglerPocketMobile/index.html"><button>EaglerPocketMobile 1.5.2</button></a>
+        <div id="15mobileContainer">
+            <a class="version-link filter-button" href="./eagler-files/mobile/1.5.2/EaglerMobile/index.html"><button>EaglerMobile 1.5.2</button></a>
+            <a class="version-link filter-button" href="./eagler-files/mobile/1.5.2/EaglerPocketMobile/index.html"><button>EaglerPocketMobile 1.5.2</button></a>
+        </div>
     </div>
 
     <h3>DANGER ZONE</h3>