Top bar: Fix alignment on right elements (New feature, Search, Duo)

Sascha Eggenbergerrequested to merge
top-bar-search-alignment-fix into master

What does this MR do and why?

Top bar search: Fix alignment on right

Fixes a small alignment issue when the FF is turned on

  • Change spacing from gap-4 to gap-3 (default spacing)
  • Fix vertical alignment if GitLab Duo button is hidden

Screenshots or screen recordings

Before After
before2 after2
before after

How to set up and validate locally

  1. Enable FF https://gdk.test:3000/rails/features/search_button_top_right
  2. Check alignment between items vertically
  3. Check alignment between items being our standard gap-3

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.

Related to #512695 (closed), #527592

Merge request reports