[PATCH v1 6/6] improve mobile rendering of docutils tables

Rito Rhymes
2026-03-16T18:00:58Z

On narrow viewports, docutils tables become hard to read: the releases
table compresses too tightly, and the signatures fingerprint values
wrap and lose scanability.

Both /releases.html and /signature.html use table.docutils, and their
cells contain data values (versions, dates, fingerprints) rather than
sentence prose. Keep mobile behavior consistent with desktop by
treating these as single-line values and preserving readability.

Make docutils tables horizontally scrollable within their container so
cells can keep single-line values without forcing column collapse or
value wrapdown on narrow viewports.

Adjust border drawing for the scrollable table state by resetting
default cell borders and reapplying explicit grid edges to avoid
uneven/doubled outer borders.

Signed-off-by: Rito Rhymes <rito@ritovision.com>
Assisted-by: claude-opus-4-6
---
korgi/static/css/main.css | 16 ++++++++++++++++
1 file changed, 16 insertions(+)

diff --git a/korgi/static/css/main.css b/korgi/static/css/main.css
index 16d97cd..04955c6 100644
--- a/korgi/static/css/main.css
+++ b/korgi/static/css/main.css
@@ -382,6 +382,22 @@ dt {
margin: 1em;
padding: 1em;
}
+ table.docutils {
+ display: block;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ width: 100%;
+ }
+ table.docutils th,
+ table.docutils td {
+ white-space: nowrap;
+ padding: 0 5px;
+ border: 1px solid #ccc;
+ border-collapse: collapse;
+ }
+ table.docutils > caption {
+ padding-left: 5px;
+ }
pre,
.literal-block {
white-space: pre;
--
2.51.0