Refine styling of the search bar

Austin Regneryrequested to merge
aregnery/adjust-search-bar-styling into master

What does this MR do and why?

Adjusts the visual styling to better blend elements together in the search bar. Also fixes the / from being gl-hidden at all breakpoints. It's now only hidden until md.

References

Screenshots or screen recordings

Before After
127.0.0.1_3000_-profile_preferences__6 127.0.0.1_3000_-profile_preferences__11
127.0.0.1_3000_-profile_preferences__7 127.0.0.1_3000_-profile_preferences__10

How to set up and validate locally

  1. Switch to the new UI
  2. Test the appearance of the search bar under different themes

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.

Edited by Austin Regnery

Merge request reports