From 5c2dde2a6ada858a42b2722ae32e56e109917251 Mon Sep 17 00:00:00 2001 From: Codeman maintainer Date: Mon, 19 Oct 2026 06:10:40 +0200 Subject: [PATCH] fix(story-mode): a phone's bar breaks after close again, now the turn picker is gone from it The picker took a row of its own and so pushed the reading levels to the next line. With it in the composer, close squeezed in beside the title and Save image wrapped alone. A full-width pseudo-element between close and the levels breaks the row; its height is the gap. Co-Authored-By: Claude Opus 5.5 (1M context) --- src/web/public/story-mode.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/web/public/story-mode.css b/src/web/public/story-mode.css index 293cc681..e25ba843 100644 --- a/src/web/public/story-mode.css +++ b/src/web/public/story-mode.css @@ -256,9 +256,17 @@ body.story-open { picker is in the composer at the bottom. */ @media (max-width: 600px) { .story-bar { - gap: 8px 10px; + gap: 0 10px; padding-block: 8px; } + /* The row break: a full-width item between close (order 1) and the levels (order 3). The turn + picker used to force it; it lives in the composer now. Its height is the gap between the rows. */ + .story-bar::after { + content: ''; + order: 2; + flex-basis: 100%; + height: 8px; + } .story-brand { order: 0; flex: 1 1 0;