Insufficient Spacing Between Buttons on Community Page at Mobile Breakpoints

[one2code]

Insufficient Spacing Between Buttons at Mobile Breakpoints On Community Page

Current Behavior On the community page of Probot https://probot.github.io/community/ there is insufficient spacing between the buttons when viewed at most mobile breakpoints, creating a very difficult user experience, especially for those with accessibility needs.

Possible Solution

Stack the buttons on top of each other with flex-direction: column and then make sure there is adequate and consistent spacing between all of the buttons with justify-content: space-between. Some adjustments may have to be made for container size, but overall, the spacing between each button should be consistent. Smaller break points would have to be adjusted as well. The buttons currently stack, but there is inadequate spacing between them.

See image for details