From d797a440ad5d28bafe84f8974d40be793d16d424 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nils=20O=2E=20Sel=C3=A5sdal?= <nos@utel.tech>
Date: Sat, 29 Aug 2026 21:24:07 +0200
Subject: [PATCH] Improve layout on short and narrow viewports

---
 build.sh        |  2 +-
 index.html.tmpl | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/build.sh b/build.sh
index 0fdff54..0bf88f1 100755
--- a/build.sh
+++ b/build.sh
@@ -1,7 +1,7 @@
 #!/bin/sh
 set -eu
 
-VERSION=1.0.0
+VERSION=1.1.0
 GIT_SHA=$(git rev-parse --short HEAD)
 IMAGE="docker.sdal.tech/beam:$VERSION-$GIT_SHA"
 IMAGE_LATEST="docker.sdal.tech/beam:latest"
diff --git a/index.html.tmpl b/index.html.tmpl
index b933560..5eac1cc 100644
--- a/index.html.tmpl
+++ b/index.html.tmpl
@@ -91,6 +91,25 @@
             color: #999;
             font-size: 0.75em;
         }
+
+        @media (max-height: 800px) {
+            body { margin: 15px auto; padding: 15px; }
+            h1 { margin-bottom: 15px; font-size: 1.6em; }
+            h2 { margin: 15px 0 10px 0; }
+            .section { padding: 12px; margin: 12px 0; }
+            code { padding: 10px; margin: 8px 0; }
+            .upload-area { padding: 20px; }
+        }
+
+        @media (max-width: 480px) {
+            body { padding: 12px; margin: 10px auto; }
+            h1 { font-size: 1.5em; margin-bottom: 15px; }
+            h2 { font-size: 1.15em; margin: 15px 0 10px 0; }
+            .section { padding: 12px; margin: 12px 0; }
+            code { padding: 10px; font-size: 0.85em; }
+            .upload-area { padding: 20px 15px; }
+            button { padding: 12px 20px; }
+        }
     </style>
 </head>
 <body>