Freegle / Iznik / 24864 / 24864

70%

master: 70%

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

574 of 2797 branches covered (20.52%)

Branch coverage included in aggregate %.

354 of 1288 relevant lines covered (27.48%)

13.01 hits per line