web: fix table overflow on narrow screens

void-linux · Nov 23, 2023 · d9d0039 · d9d0039
1 parent 857e6e9
commit d9d0039
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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>