From 2fb0d1bb25e27b7a542549ef44a24cd776801a98 Mon Sep 17 00:00:00 2001
From: Rafael Vuijk <r.vuijk@sownet.nl>
Date: Sun, 25 Oct 2026 18:39:53 +0000
Subject: [PATCH] The Terminal's download table scrolls inside its own box

The table of builds by OS and architecture is 455px wide. In a window narrower than about 650px it is wider than the column, and below about 550px it reaches past the window's right edge, where the body's overflow-x: hidden cuts it off: at 320px, the ARM 32-bit and ARM 64-bit columns and most of x86 64-bit. The table now sits in a box that scrolls sideways when the table does not fit, and changes nothing when it does: Quick start at 1280px renders pixel for pixel as before.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012sonx8iAspMiwRwokT1Ura
---
 src/content/quickstart/index.html | 2 ++
 styles.css                        | 5 +++++
 2 files changed, 7 insertions(+)

diff --git a/src/content/quickstart/index.html b/src/content/quickstart/index.html
index 1969dd3db..138e8871e 100644
--- a/src/content/quickstart/index.html
+++ b/src/content/quickstart/index.html
@@ -84,6 +84,7 @@ <h3 class="centered"><a name="terminal" href="#terminal" class="anchor">AngouriM
     the command <code>amcli</code>. With the .NET SDK, install it as a tool:
 <pre><code>dotnet tool install --global AngouriMath.Terminal</code></pre>
     Or choose the build for your OS:
+    <div class="scroll-x">
     <table class="regular-table">
         <tr>
             <th>OS</th><th>x86 32-bit</th><th>x86 64-bit</th><th>ARM 32-bit</th><th>ARM 64-bit</th>
@@ -117,6 +118,7 @@ <h3 class="centered"><a name="terminal" href="#terminal" class="anchor">AngouriM
             <td></td>
         </tr>
     </table>
+    </div>
     <p>
     ✅ - tested. If you'd like, you're welcome to test for another architecture
     </p>
diff --git a/styles.css b/styles.css
index 45a516c15..5ecbfc370 100644
--- a/styles.css
+++ b/styles.css
@@ -11,6 +11,11 @@ body {
     padding: 10px;
 }
 
+/* Wraps a table wider than the column, which then scrolls inside its own box instead of running off the page */
+.scroll-x {
+    overflow-x: auto;
+}
+
 .main {
     width: 44%;
     margin-top: 10vh;