Frontend: Adjust the components in the Catalog index row
Overview
In the current implementation, there are some misalignments in the heights of the components in the row. This will help us to adjust the height of the row.
Proposal
1. Reduce the height of the badge
Current | Proposed |
---|---|
![]() |
![]() |
- Decrease the badge height from
21px
to16px
2. Readjust the styling of the star count
Current | Proposed |
---|---|
![]() |
![]() |
- Replace the icon with
star-o
(bordered one, https://gitlab-org.gitlab.io/gitlab-svgs/?q=star) - Increase the font size of the
star count
to14px
(sm font to regular font) - Increase the gap between the star icon and the star count from
2px
to4px
. 🔗 Figma Prototype
Edited by Sunjung Park