Improve usage of screen space of Repository buttons for intermediate narrow screens

Proposal

A user on twitter (https://twitter.com/tmdpw/status/1494600657306800129 thanks!) questioned the usage of screen space in mobile screens.

This issue tracks potential solutions to improve the situation.

header header
320px wide 2022-02-18_12_47_21-Window
573px wide 2022-02-18_12_47_05-Window

As we can see, there's potential there for introducing an intermediate breakpoint in the layout of these buttons.

Constraints

  • Please be aware of translated strings that will potentially occupy more space than the English strings.