Freegle / Iznik / 24864

73%

push

circleci

fix(chitchat): stop nested reply text shrinking inward per nesting level

The recent "reserve space so reply text clears the ... menu" change (ee1a66d9e) added
padding-right: 1.5rem to .reply-content. But NewsReplies renders <NewsReply class="reply-content">,
so that class also lands on the NewsReply component ROOT, which wraps the nested <NewsReplies>.
The scoped rule therefore hit both the inner text column AND every nesting root, so the
right padding (plus flex/min-width) compounded at each level - shifting each deeper reply
progressively inward and squeezing the text into a narrow column with a large wasted right
margin on mobile.

Scope the rule to `.reply > .reply-content` (the inner text column only, a direct child of the
.reply flex row) so it applies once per reply instead of accumulating down the nesting. The ...
menu still gets its 1.5rem clearance.

Verified in-browser on dev-live: root padding-right is now 0 (was 24px compounding); deep replies
wrap at ~7-8 words/line using the full width. Vitest 13863/0.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014ZeG2zmg2JCR8pYEjAUaAk

12360 of 16334 branches covered (75.67%)

Branch coverage included in aggregate %.

131185 of 183671 relevant lines covered (71.42%)

37.98 hits per line