dart-lang/pub-dev

Page selector buttons are too crowded

parlough opened this issue · 0 comments

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