From b87639d0e2ebf2dd793f283259642acf67b56261 Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Mon, 30 Jun 2025 00:29:01 +0200
Subject: [PATCH] Update footer structure in index.php and adjust CSS for
 improved layout and responsiveness

---
 website/index.php | 13 ++++++-------
 website/style.css |  5 +++--
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/website/index.php b/website/index.php
index 6544a50e..650f189d 100644
--- a/website/index.php
+++ b/website/index.php
@@ -319,15 +319,14 @@ if (isset($_SESSION['steamid'])) {
 					</div>
 				</main>
 			</div>
+			<!-- Footer -->
+			<footer class="app-footer">
+				<div class="footer-content">
+					<p>Created with ❤️ by <strong><a target="_blank" href="https://github.com/BramSuurdje" rel="noopener noreferrer">Bram</a></strong></p>
+				</div>
+			</footer>
 		</div>
 
-		<!-- Footer -->
-		<footer class="app-footer">
-			<div class="footer-content">
-				<p>Created with ❤️ by <strong><a target="_blank" href="https://github.com/BramSuurdje" rel="noopener noreferrer">Bram</a></strong></p>
-			</div>
-		</footer>
-
 		<!-- Customize Modal -->
 		<div id="customizeModal" class="modal hidden">
 			<div class="modal-content">
diff --git a/website/style.css b/website/style.css
index a784a63e..c4f6ae4c 100644
--- a/website/style.css
+++ b/website/style.css
@@ -120,6 +120,7 @@ body {
 	display: flex;
 	flex: 1;
 	overflow: hidden;
+	min-height: 0;
 }
 
 /* Sidebar */
@@ -130,7 +131,7 @@ body {
 	display: flex;
 	flex-direction: column;
 	position: relative;
-	max-height: 100vh;
+	align-self: stretch;
 	overflow: hidden;
 }
 
@@ -376,7 +377,7 @@ body {
 	border-top: 1px solid var(--border-color);
 	padding: 1rem 0;
 	text-align: center;
-	margin-top: 2rem;
+	margin-top: auto;
 }
 
 .footer-content {