Variant-Selector: improve visual alignment for segments

[nielslyngsoe]

Improves the variant selector alignment for segments, with this as the result:

[claude]

Claude finished @nielslyngsoe's task in 2m 0s —— View job

---

PR Review

Target: origin/main · Based on commit: 76f0001c

Adjusts visual alignment for segment variants in the variant selector: removes the DOM placeholder div from segment items (alignment now handled by CSS indentation) and replaces a hardcoded 21px margin with a design token.

• Other changes: Visual-only — indentation of segment variant rows in the dropdown changes; the empty expand-area placeholder div is no longer inserted for created segment variants.

---

No Critical issues. No Important issues. No Suggestions.

---

Approved

This looks good to be merged as-is, but please do a manual sanity check and testing before merging.

---

Labels applied: area/frontend, category/ux, category/ui

[Copilot]

Pull request overview

Updates the workspace split-view variant selector styling to better align segment (sub-variant) rows within the variant dropdown in the Umbraco backoffice UI.

Changes:

• Adjusts segment-variant rendering to not insert the expand-area placeholder in most cases.
• Refines CSS padding rules for culture/segment rows and add-mode rows to improve horizontal alignment.
• Replaces a hardcoded icon margin with a design-token-based spacing value.

[AndyButland]

Thanks @nielslyngsoe, this looks good to me. Took me a moment to spot the difference but from my before:

And my after:

I can see the intend of the final, non-created language variant is corrected now.