fix(docs): fixed mobile horizontal overflow on tables

sunnypatell · sunnypatell · commit 4afae6a23d81 · 2026-02-22T12:32:22.000-05:00
- overflow:hidden is ignored on display:table elements per CSS spec
- changed to display:block + overflow-x:auto so tables scroll within themselves on mobile
- affects all doc pages globally, not just methodology
diff --git a/docs/src/styles/custom.css b/docs/src/styles/custom.css
@@ -90,10 +90,13 @@ header.header {
 	border-radius: 8px;
 }
 
-/* better table styling */
+/* better table styling - display:block so overflow-x actually works */
+/* (overflow is ignored on display:table per CSS spec) */
 table {
 	border-radius: 8px;
-	overflow: hidden;
+	display: block;
+	overflow-x: auto;
+	-webkit-overflow-scrolling: touch;
 }
 
 table th {

Original file line number	Diff line number	Diff line change
`@@ -90,10 +90,13 @@ header.header {`
`90`	`90`	`border-radius: 8px;`
`91`	`91`	`}`
`92`	`92`
`93`		`-/* better table styling */`
	`93`	`+/* better table styling - display:block so overflow-x actually works */`
	`94`	`+/* (overflow is ignored on display:table per CSS spec) */`
`94`	`95`	`table {`
`95`	`96`	`border-radius: 8px;`
`96`		`- overflow: hidden;`
	`97`	`+ display: block;`
	`98`	`+ overflow-x: auto;`
	`99`	`+ -webkit-overflow-scrolling: touch;`
`97`	`100`	`}`
`98`	`101`
`99`	`102`	`table th {`