fix(desktop): keep diff file header items left-aligned on wrap
Merged
SA
6mo ago+1+1+0123456789-1-1-0123456789
Summary
- The v2 diff file header used
justify-betweenwithflex-wrap. When the action cluster (additions count, Viewed checkbox, eye/copy/discard buttons) wrapped to a second row at narrow widths, the remaining chevron, status indicator, and file badge spread out across the first row with large gaps between them. - Removed
justify-betweenso those items stay tight on the left;ml-autoon the action div still pushes it to the right when it wraps to row 2.
Test plan
- Open a v2 workspace diff pane and shrink the pane horizontally until the action cluster wraps onto a second row — confirm the chevron, status icon, and file path badge stay grouped on the left of row 1 with no gap between them.
- At wider widths, confirm the header still lays out on a single row with the actions anchored to the right.
Summary by cubic
Fixes the diff file header layout so items stay left-aligned when the actions wrap on narrow widths, removing awkward gaps. Removes justify-between from the header container; ml-auto still pushes the action group right when space allows.
- Bug Fixes
- Prevents chevron, status icon, and file badge from spreading across row 1 by removing
justify-betweenon the flex container. - Preserves single-row layout at wider widths with actions anchored right.
- Prevents chevron, status icon, and file badge from spreading across row 1 by removing
Summary by CodeRabbit
- Style
- Refined spacing and alignment in the diff file header component.