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

From: Rito Rhymes <rito@ritovision.com>
Date: Mar 14, 2026, 07:59 UTC
Message-ID: <20260314075922.67391-7-rito@ritovision.com>
In-Reply-To: <20260314075922.67391-1-rito@ritovision.com>

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>
---
 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