From d9d0039e1c7e59cf16634c4150ee785a3618e7f3 Mon Sep 17 00:00:00 2001
From: classabbyamp <void@placeviolette.net>
Date: Wed, 22 Nov 2023 19:10:36 -0500
Subject: [PATCH] web: fix table overflow on narrow screens

---
 web/assets/css/styles.css | 5 ++++-
 web/index.html.in         | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/assets/css/styles.css b/web/assets/css/styles.css
index d6fb470..06e1076 100644
--- a/web/assets/css/styles.css
+++ b/web/assets/css/styles.css
@@ -74,9 +74,12 @@ a:hover {
 	color: var(--links-hover);
 }
 
+.tablecontainer {
+	overflow-x: auto;
+}
+
 table {
 	border-collapse: collapse;
-	overflow-x: auto;
 	border: 1px var(--table-border-color) solid;
 }
 
diff --git a/web/index.html.in b/web/index.html.in
index ac62a3e..88f3efa 100644
--- a/web/index.html.in
+++ b/web/index.html.in
@@ -65,7 +65,7 @@
 		These mirrors sync directly from the build servers and will always have the latest packages available.
 	</p>
 
-<div class="container">
+<div class="container tablecontainer">
 {tier1}
 </div>
 
@@ -76,7 +76,7 @@
 		nor are they required to sync every available architecture or sub-repository.
 	</p>
 
-<div class="container">
+<div class="container tablecontainer">
 {tier2}
 </div>