From cc5d592b02aadab29e2e888dc429d5a0bcfdb179 Mon Sep 17 00:00:00 2001 From: Doxa Maps Date: Tue, 29 Sep 2026 03:36:00 +0000 Subject: [PATCH] Wall of People Groups: on a phone every control is on screen rega measured the header at 390 px: one row, so the title wrapped to five lines and the poster-size select (x=393) and the Bless/Social toggle (x=553) ran off the edge, unreachable. On a phone the title takes one short line and the controls wrap onto rows. --- plugin-designs/wall-of-people-groups/src/wall.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/plugin-designs/wall-of-people-groups/src/wall.css b/plugin-designs/wall-of-people-groups/src/wall.css index 5dcb7d127..9b12e8f81 100644 --- a/plugin-designs/wall-of-people-groups/src/wall.css +++ b/plugin-designs/wall-of-people-groups/src/wall.css @@ -122,6 +122,18 @@ body { font-weight: 500; } +/* PHONE (rega, 390×844): the header was one row, so the title wrapped to five lines and the poster-size + select and the Bless/Social toggle ran off the right edge, unreachable. On a phone the title takes one + short line and the controls wrap onto as many rows as they need, every one on screen. */ +@media (max-width: 640px) { + .wall-header { flex-direction: column; align-items: stretch; gap: 10px; padding: 10px 12px; } + .wall-header h1 { font-size: 18px; line-height: 1.25; } + .wall-controls { flex-wrap: wrap; gap: 8px; } + .wall-controls .control-btn { padding: 8px 12px; font-size: 13px; min-height: 32px; } + .poster-size { font-size: 12px; } + .group-count { font-size: 12px; } +} + /* Wall Canvas */ .wall-canvas { flex: 1;