Skip to content

Fix alignment of Global Search items on the results page

What does this MR do and why?

Add some padding to the main search form (search field & group/project filters) to keep this aligned with the content below. This change includes adding a background color for the form area of $gray-10.

Screenshots or screen recordings

desktop

before after
before-desktop after-desktop

mobile

before after
before-mobil after-mobil

How to set up and validate locally

  1. Checkout this branch
  2. Navigate to the search page http://gdk.url:3000/search?scope=issues&search=test
  3. Search field row padding and background should be visible
  4. Check the mobile view as well

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #387853 (closed)

Edited by Tomas Bulva

Merge request reports