From 0274e10d4c417ba1901b0a01b4e58c9728f78c0b Mon Sep 17 00:00:00 2001
From: Hans de Zwart <git@hansdezwart.info>
Date: Tue, 11 Aug 2026 11:46:53 +0200
Subject: [PATCH] Add a 3m / 12s preset between the other two
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Three buttons left 84.7px each at a 320px viewport against 81.2px of
intrinsic content, so the horizontal padding drops to 6px and the label is
nowrap — about 11px of slack instead of 3.5px.

paintPresets() needed no change: it reads .preset from the DOM and matches
on both base and delay, which the new preset makes load-bearing since two
now share a delay and two share a base. Stepping the delay down from
3m / 15s correctly lights 3m / 12s rather than staying dark.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 public_html/README.md  | 7 ++++---
 public_html/index.html | 5 +++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/public_html/README.md b/public_html/README.md
index cb81401..6822bab 100644
--- a/public_html/README.md
+++ b/public_html/README.md
@@ -46,9 +46,10 @@ normally restarted — use pause and reset for those.
 
 ## Settings
 
-At the top of the sheet are two presets — **2m / 12s** and **3m / 15s**. Tapping
-one jumps both timers there and lights it up. Change the time or delay by hand
-and the highlight goes out; land back on a preset's numbers and it comes back on.
+At the top of the sheet are three presets — **2m / 12s**, **3m / 12s** and
+**3m / 15s**. Tapping one jumps both timers there and lights it up. Change the
+time or delay by hand and the highlight goes out; land back on a preset's
+numbers and it comes back on.
 
 | Setting | Range | Default |
 | --- | --- | --- |
diff --git a/public_html/index.html b/public_html/index.html
index 5ebdd37..79811ca 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -213,11 +213,11 @@
   .row--presets{gap:11px}
   .preset{
     flex:1;
-    padding:13px 10px;
+    padding:13px 6px;
     border-radius:11px;border:1px solid var(--sheet-line);
     background:#2C2A28;color:var(--sheet-ink);
     font-family:var(--ui);font-size:15px;font-weight:700;
-    letter-spacing:.01em;
+    letter-spacing:.01em;white-space:nowrap;
     cursor:pointer;
     transition:background-color .16s ease,color .16s ease;
   }
@@ -357,6 +357,7 @@
 
   <div class="row row--presets">
     <button class="preset" data-base="120000" data-preset-delay="12000" aria-pressed="false">2m / 12s</button>
+    <button class="preset" data-base="180000" data-preset-delay="12000" aria-pressed="false">3m / 12s</button>
     <button class="preset" data-base="180000" data-preset-delay="15000" aria-pressed="false">3m / 15s</button>
   </div>