Skip to content

Page selector buttons are too crowded #8305

@parlough

Description

@parlough

Issue

The page selector buttons on the bottom of the search page are crowded. They appear this way due to the border radius on each item, that makes them appear as if they should be separated.

Examples

Screenshot of page selector in light mode

It's more noticeable with dark mode:

Screenshot of page selector in dark mode

This also causes problems with the focus outline:

Example of part of focus outline being hidden

Potential solutions

  • Add a small gap between each button
Screenshot of the buttons having a gap
  • Only apply the border radius to the left side of the first button and the right of the last
Screenshot of only the whole selector having a border radius
  • No border radius on any button
Screenshot of no border radius

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions