The flex 'gap' shorthand on .file-tree-row was setting row-gap as well as column-gap, so when the .file-tree-children div wrapped to a new line the row-gap (--space-s) added on top of the nested ul's margin-top (--space-xs) — making the button-to-first-child gap visibly bigger than the sibling-row gap. Switch to 'gap: 0 var(--space-s)' so only column-gap applies; vertical rhythm is now owned exclusively by the outer grid gap (--space-xs) and the nested ul margin-top (--space-xs), both equal. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| css | ||
| js | ||
| vendor | ||