diff --git a/README.md b/README.md index d4b3d6f..e93a84a 100644 --- a/README.md +++ b/README.md @@ -127,10 +127,10 @@ score down to fit. ## Settings -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. +Under **Delay** 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 ae95975..ff59168 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -248,7 +248,10 @@ .row--wide .val{min-width:46px} } - .row--presets{gap:11px} + /* three buttons wide enough to read can't share a line with a label, so the + row stacks at every width rather than only under the .row--wide breakpoint */ + .row--presets{flex-direction:column;align-items:stretch;gap:12px} + .presets{display:flex;gap:11px} .preset{ flex:1; padding:13px 6px; @@ -422,12 +425,6 @@ -
- - - -
-

Time

@@ -455,6 +452,18 @@
+
+
+

Preset time limits

+

Quickly pick a setting.

+
+
+ + + +
+
+

Colour

diff --git a/public_html/sw.js b/public_html/sw.js index 5f439b0..6af6998 100644 --- a/public_html/sw.js +++ b/public_html/sw.js @@ -1,5 +1,5 @@ /* Cache-first: once installed the clock never touches the network again. */ -const CACHE = "bgclock-v12"; +const CACHE = "bgclock-v13"; const FILES = [ "./", "./index.html",