From 735da47a12fb2703c416ec59cce40356c5e6586f Mon Sep 17 00:00:00 2001 From: nhyiramante1 <196460314+nhyiramante1@users.noreply.github.com> Date: Fri, 2 Oct 2026 00:22:17 -0400 Subject: [PATCH] fix(composer): wrap toolbar buttons in a narrow chat panel The composer button groups are flex: 0 0 auto, so a narrow panel could not shrink them and they overflowed and painted over each other. Let both groups wrap and keep the action group right-aligned. Co-Authored-By: Claude Sonnet 5.5 --- src/App.tsx | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/App.tsx b/src/App.tsx index 27459f5..8ccd8ca 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -453,14 +453,23 @@ const css = ` display: flex; align-items: center; justify-content: space-between; + flex-wrap: wrap; gap: 7px; + row-gap: 6px; min-height: 32px; } + /* Buttons are flex: 0 0 auto, so a narrow chat panel cannot shrink either + group; without wrapping they overflow and paint over each other. */ .composer-left-tools, .composer-action-tools { display: flex; align-items: center; + flex-wrap: wrap; gap: 7px; + min-width: 0; + } + .composer-action-tools { + margin-left: auto; } .mic-btn,