fix(web): prevent connection rows from wrapping during removal - #8706

💭 I want to look at the surrounding code near this change to understand the context better.

1. browse_code — apps/web/src/components/settings/ConnectionsSettings.tsx

💭 I'm checking that adding min-w-0 and truncate to the h3 works correctly within its flex container, since truncate relies on the parent allowing shrinkage below content size. I also want to verify the sibling ConnectionStatusDot won't be squeezed by this change.

2. git_tools — ConnectionStatusDot

💭 Let me check the ConnectionStatusDot component to see if it already has shrink-0 applied.

3. browse_code — apps/web/src/components/ConnectionStatusDot.tsx

💭 Adding min-w-0 and truncate ensures the flex child can shrink and the text ellipsizes properly, since the paragraph is a block-level child within a constrained-width flex container. Now I'm checking other rows for the same truncation pattern to keep things consistent.

4. browse_code — apps/web/src/components/settings/itemRows.ts

💭 The mobile flex-column layout still constrains the label width correctly, and the min-w-0 on the h3 is harmless since overflow-hidden already resolves it to zero anyway. This all looks correct and minimal, so I'll conclude everything is clear.