diff --git a/src/admin_analytics/dashboard/assets/style.css b/src/admin_analytics/dashboard/assets/style.css index 0be1abf..90cec0a 100644 --- a/src/admin_analytics/dashboard/assets/style.css +++ b/src/admin_analytics/dashboard/assets/style.css @@ -151,8 +151,10 @@ body { } /* Markdown tables (About page) scroll within themselves instead of - widening the page. */ -.tab-content table { + widening the page. Scoped to .about: applied to a DataTable's inner + , it hijacks the table's own scroll container and breaks + horizontal swiping on mobile. */ +.about table { display: block; overflow-x: auto; max-width: 100%; diff --git a/src/admin_analytics/dashboard/pages/about.py b/src/admin_analytics/dashboard/pages/about.py index e0b7e61..f459dc7 100644 --- a/src/admin_analytics/dashboard/pages/about.py +++ b/src/admin_analytics/dashboard/pages/about.py @@ -99,4 +99,4 @@ employees only (FTPT=2). This project is released under the MIT License. """), - ], style={"maxWidth": "900px", "margin": "0 auto", "lineHeight": "1.6"}) + ], className="about", style={"maxWidth": "900px", "margin": "0 auto", "lineHeight": "1.6"})