amadan
The booker's closing row wraps rather than squeezing its buttons
The form-foot row on the stranger's booking form gets flex-wrap: wrap (reached through [cal-book-details], since calendar.css names no rst- selector), so on a phone "Pick another time" takes a row of its own instead of both labels breaking over two and three lines. At widths where the pair fits nothing changes.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2 files changed,
+12
−1
internal/calendar/static/calendar.css+11 −0internal/calendartest/formfoot_browser_test.go+1 −1
CI failed — run details
CI log
=== vet === go vet ./... go: downloading amadan.net/oficina/estilo.git v0.0.0-20261001093750-530cb932e768 ../../cache/go-mod/amadan.net/rastrillo/rastrillo@v0.26.1-0.20260908075707-29e4491631bd/basecatalog.go:22:12: pattern locales/*.toml: no matching files found ../../cache/go-mod/amadan.net/rastrillo/rastrillo@v0.26.1-0.20260908075707-29e4491631bd/sessions/sessions.go:72:12: pattern migrations/*.sql: no matching files found ../../cache/go-mod/amadan.net/rastrillo/rastrillo@v0.26.1-0.20260908075707-29e4491631bd/auth/store.go:12:12: pattern migrations/*.sql: no matching files found ../../cache/go-mod/amadan.net/rastrillo/rastrillo@v0.26.1-0.20260908075707-29e4491631bd/ui/ui.go:260:12: pattern calendar.js: no matching files found make: *** [Makefile:90: vet] Error 1 amadan: step vet failed: exit status 2 amadan: job failed at step vet — its output is above, not at the tail of this log
diff --git a/internal/calendar/static/calendar.css b/internal/calendar/static/calendar.css| index 7e615ca..9868d72 100644 |
| --- a/internal/calendar/static/calendar.css |
| +++ b/internal/calendar/static/calendar.css |
| @@ -657,3 +657,14 @@ html { scroll-padding-block-start: var(--estilo-bar-block-size); } |
| gap: var(--rst-sp-2); |
| margin-block: var(--rst-sp-4) var(--rst-sp-2); |
| } |
| + |
| +/* The booker's closing row (rastrillo's form-foot, reached through our |
| + * own form's attribute: this file names no rst- selector). form-foot |
| + * draws its buttons at the lg size, and on a phone "Hold this time" and |
| + * "Pick another time" no longer fit side by side; without wrap the row |
| + * squeezes them into two- and three-line labels. Wrapping puts the |
| + * second button on a row of its own instead. |
| + * TestFormFootOnANarrowScreen (make browser) measures it. */ |
| +[cal-book-details] > div:has(> button[type="submit"]) { |
| + flex-wrap: wrap; |
| +} |
diff --git a/internal/calendartest/formfoot_browser_test.go b/internal/calendartest/formfoot_browser_test.go| index 65d1509..25a3d38 100644 |
| --- a/internal/calendartest/formfoot_browser_test.go |
| +++ b/internal/calendartest/formfoot_browser_test.go |
| @@ -24,7 +24,7 @@ import ( |
| // this time" and "Pick another time", no longer fit side by side, and the |
| // row squeezed them instead of wrapping: two lines of label each at 390 |
| // wide, up to three at 320 (where the old size already broke them over |
| -// two). calendar.css lets the row wrap. This checks |
| +// two). calendar.css lets that row wrap. This checks |
| // at 320 and 390 that no form-foot label breaks across lines and no |
| // button leaves the form, on the stranger's booking form, the one |
| // most often opened on a phone. |