Move the presets under Delay and give them a heading

They sat between Match and Time as three bare buttons, above the two
settings they set. Now they follow Delay, after the numbers they are a
shortcut for, with a "Preset time limits" heading and "Quickly pick a
setting." — the same heading-and-description shape every other row in the
sheet already has.

The row stacks at every width rather than only under the .row--wide
breakpoint: three buttons wide enough to read "3m / 15s" can't share a
line with a label on any phone.

The buttons themselves are untouched, and are still found by class rather
than position, so the highlight logic came along unchanged — checked that
opening the sheet lights the preset matching the current numbers,
stepping the delay off it clears every highlight, and stepping back
relights it.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

This commit is contained in:

hansdezwart

2026-08-11 18:11:04 +02:00

co-authored by

Claude Opus 5

parent 261cebd10b

commit 2c31c0f02b

3 changed files with 21 additions and 12 deletions

									
										public_html/sw.js
									
		+1
		-1
	
												View File
												
				@@ -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",