Package Registry: UI Polish of the Filter and Sort components on the registry list view.
Problem to solve
When looking at the Package Registry, users can find a large list of packages. We've included two separate components designed to enable the user by giving them control over the sort order of the list plus the ability to filter by package name. Currently, these two buttons are misaligned in size and styling.
| Current UI w/ misaligned Filter and Sort |
|---|
 |
Intended users
Personas are described at https://about.gitlab.com/handbook/marketing/product-marketing/roles-personas/
- Delaney (Development Team Lead)
- Sasha (Software Developer)
- Devon (DevOps Engineer)
- Sidney (Systems Administrator)
User experience goal
Improve the experience by polishing the User Interface around the sort and filter functionality.
Proposal
Update the styling of the sort button and filter field so that they are aligned in height and styling.
| UI Alignment |
|---|
 |
Further details
This may require an update of the component to ensure that the input field and split button are equal heights.
Permissions and Security
Documentation
Availability & Testing
tbd
What does success look like, and how can we measure that?
When a user visits the Package Registry page, the sort and filter UI moments are aligned.
What is the type of buyer?
Is this a cross-stage feature?
No.