From b59be71625a7cd63022dd56b4cbaa35380231b96 Mon Sep 17 00:00:00 2001
From: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com>
Date: Sat, 27 Dec 2025 05:28:47 -0500
Subject: [PATCH 1/2] Allow tables to horizontal scroll internally on mobile
 instead of page overflow

Signed-off-by: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com>
---
 src/css/_page.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/css/_page.scss b/src/css/_page.scss
index 9a17cedab..9f94257d9 100644
--- a/src/css/_page.scss
+++ b/src/css/_page.scss
@@ -22,7 +22,7 @@ a {
 }
 
 .bullet-list li {
-  margin-bottom: 0.6 rem;
+  margin-bottom: 0.6rem;
 }
 
 .bullet-list a {
@@ -31,7 +31,10 @@ a {
 }
 
 table {
-  width: 100%;
+  display: inline-block;
+  width: auto !important; 
+  max-width: 100%;   
+  overflow-x: auto;
   border-collapse: collapse;
 
   &.bordered {

From edab822254d87c760039ac1a067d870bd64684dd Mon Sep 17 00:00:00 2001
From: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com>
Date: Sat, 27 Dec 2025 05:38:56 -0500
Subject: [PATCH 2/2] Add .sticky-table for fixed table header cells

Created _tables.scss for global table helpers

Extended .market-table with .sticky-table

Moved .market-table from addson.scss to _tables.scss since it's reused on other pages

Signed-off-by: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com>
---
 src/css/_tables.scss      | 20 ++++++++++++++++++++
 src/css/main.scss         |  1 +
 src/css/pages/addons.scss |  8 +-------
 3 files changed, 22 insertions(+), 7 deletions(-)
 create mode 100644 src/css/_tables.scss

diff --git a/src/css/_tables.scss b/src/css/_tables.scss
new file mode 100644
index 000000000..5ab87e661
--- /dev/null
+++ b/src/css/_tables.scss
@@ -0,0 +1,20 @@
+/* Table utilities and reusable patterns */
+
+.sticky-table {
+  max-height: 80vh;
+  overflow-y: auto;
+
+  thead th {
+    position: sticky;
+    top: 0;
+    z-index: 3;
+  }
+}
+
+.market-table {
+  @extend .sticky-table;
+
+  .no-border {
+    border: none;
+  }
+}
\ No newline at end of file
diff --git a/src/css/main.scss b/src/css/main.scss
index dfee10aa3..11a853cfd 100644
--- a/src/css/main.scss
+++ b/src/css/main.scss
@@ -42,6 +42,7 @@
 @include meta.load-css('footer');
 @include meta.load-css('form.scss');
 @include meta.load-css('effects.scss');
+@include meta.load-css('tables');
 @include meta.load-css('pages/addons.scss');
 @include meta.load-css('pages/homepage.scss');
 @include meta.load-css('pages/download.scss');
diff --git a/src/css/pages/addons.scss b/src/css/pages/addons.scss
index 3d90621c6..5b2409285 100644
--- a/src/css/pages/addons.scss
+++ b/src/css/pages/addons.scss
@@ -1,7 +1 @@
-.market-table {
-
-    .no-border {
-        border: none;
-    }
-}
-
+/* Addon page */