From bcdc76908375c5e8ac2de8c390b15d9768a5c7c5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Padez?= Date: Sat, 22 Aug 2026 15:41:27 +0000 Subject: [PATCH] commanders are one per line, not a grid MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit sm:grid-cols-2 xl:grid-cols-3 was reasonable when this panel owned 34% of the screen. It owns part of a 24% column now, so two columns of card inside it left each one too narrow for its title — every card truncated and the cost line wrapped. A grid of one. The card is untouched: same rounded pill, same border and hover, same p-4, same gap-3 between them. It simply stops being asked to share a row. Co-Authored-By: Claude Opus 5 --- .../officerdev/src/apps/CommandHQ/CommandHqGrid.tsx | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/workspaces/officerdev/src/apps/CommandHQ/CommandHqGrid.tsx b/src/workspaces/officerdev/src/apps/CommandHQ/CommandHqGrid.tsx index 5fccab2a..4a78fb3f 100644 --- a/src/workspaces/officerdev/src/apps/CommandHQ/CommandHqGrid.tsx +++ b/src/workspaces/officerdev/src/apps/CommandHQ/CommandHqGrid.tsx @@ -140,7 +140,16 @@ export const CommandHqGrid = () => { -
+ {/* + One per line, full width — a grid of one. + + It was `sm:grid-cols-2 xl:grid-cols-3`, which was reasonable when this panel owned 34% of the screen + and is not now that it owns part of a 24% column: two columns of card inside it left each one too + narrow for a title, so every card truncated and the cost line wrapped. Nothing about the card changed + — same rounded pill, same `p-4`, same `gap-3` between them — it simply stops being asked to share a + row. + */} +
{commanders.map((commander) => (