Fix sidebar color picker input layout

Chad Lavimoniererequested to merge
20250910-clavimoniere-sidebar-color-picker-input-overlap-fix into master

What does this MR do and why?

Make sure the color picker used when creating a new label from the sidebar does not have overlap between the color input and the hex code input, and correct border radii and divider.

References

Screenshots or screen recordings

Before After
Screenshot_2025-09-10_at_19.41.11 Screenshot_2025-09-10_at_19.41.32
Screenshot_2025-09-10_at_19.40.46 Screenshot_2025-09-10_at_19.39.35

How to set up and validate locally

  1. Check out this branch
  2. Visit a work item
  3. in the sidebar, create a new label from the edit labels interaction
  4. You will see that the color picker and the hex color input do not overlap and their borders have correct rounding

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Merge request reports