← Back to PRs

#16593: fix: mobile compose row layout

by alewcock open 2026-02-14 22:28 View on GitHub →
app: web-ui stale size: XS
On narrow screens (<600px), the chat compose row was cramped with the textarea, 'New session' button, and 'Send' button all in one line. This wraps the compose row so the textarea takes full width and the action buttons sit below, right-aligned. **Before:** Everything squeezed into one row on mobile, input area barely usable **After:** Textarea full-width, buttons wrap below and align right <!-- greptile_comment --> <h3>Greptile Summary</h3> Improved mobile compose layout by wrapping textarea full-width with actions below and right-aligned on screens <600px. - Added `flex-wrap: wrap` to `.chat-compose__row` to enable row wrapping - Set `.chat-compose__field` to full width (`width: 100%`, `flex: 1 1 100%`) - Right-aligned action buttons using `margin-left: auto` on `.chat-compose__actions` Note: `openclaw-2026-02-14.log` should not be committed (already flagged in previous review comments). <h3>Confidence Score: 4/5</h3> - Safe to merge after removing the log file - The CSS changes are minimal, well-scoped to mobile breakpoints, and follow standard flexbox patterns for responsive layout. The implementation correctly wraps the compose row and allocates full width to the textarea while right-aligning action buttons. The only issue is the accidentally committed log file which has already been flagged. - `openclaw-2026-02-14.log` must be removed before merge <sub>Last reviewed commit: f4756ba</sub> <!-- greptile_other_comments_section --> <!-- /greptile_comment -->

Most Similar PRs