From 1d56c323a412062dd8d69c5a509fd1d028aa3c52 Mon Sep 17 00:00:00 2001 From: khannurien Date: Sat, 10 Oct 2026 08:10:27 +0000 Subject: [PATCH] =?UTF-8?q?v4:=20the=20community=20page's=20figures=20stay?= =?UTF-8?q?=20on=20one=20line=20when=20a=20label=20wraps=20=E2=80=94=20eac?= =?UTF-8?q?h=20figure=20is=20a=20column-reverse=20flex=20box=20stretched?= =?UTF-8?q?=20to=20the=20row's=20height,=20and=20the=20default=20justify-c?= =?UTF-8?q?ontent=20packed=20it=20at=20the=20bottom,=20so=20a=20label=20on?= =?UTF-8?q?=20two=20lines=20("messages=20dans=20la=20tribune")=20lifted=20?= =?UTF-8?q?its=20number=20above=20the=20others.=20justify-content:=20flex-?= =?UTF-8?q?end=20puts=20each=20figure=20at=20the=20top=20of=20its=20cell.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- src/App.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/App.css b/src/App.css index bffc8399..73e75e19 100644 --- a/src/App.css +++ b/src/App.css @@ -7718,6 +7718,9 @@ body.has-player .chat-fab { .community-figure { display: flex; flex-direction: column-reverse; + /* In column-reverse, flex-end is the top: the figures stay on one line + when a label wraps to two. */ + justify-content: flex-end; align-items: center; gap: 0.2rem; min-width: 0;