Main navigation items are squeezed together
Increasing Access
Improves navigation accessibility.
Most appropriate sub-area of p5.js?
Navigation
Feature request details
Hi folks👋🏻 This is my very first contribution, so feedback is more than welcome! ❤️
I noticed items in the main navigation (as well as in a footer) are pretty squeezed together. It could negatively impact user experience, especially on mobile devices without precise pointers and lead to clicking an undesired link.
Screenshot of the main navigation items:
Solution to this issue would be adding more padding between each item, similarily to jump to section:
I'm generally in favor of giving these a bit of spacing and there are some general spacing issue elsewhere on the site but probably need a more coordinated approach to solve this though.
@limzykenneth Thanks for your feedback!
but probably need a more coordinated approach to solve this though
What more coordinated approach do you have in mind, could you elaborate a little bit on that?
I've tried to fix the issue in #633. Let me know what you think of the current solution, thanks!
Mainly that this is not the only place where spacing is an issue, so we probably need a more thorough review of spacing and see if a more consolidated solution can help solve all if not most of the spacing issues we have.
@limzykenneth in the mean time, it looks like #633 makes the margins in the main nav match the margins in the section nav below (10px margin on items) so I think I'm ok doing the change to just the main nav for now to be consistent.
@davepagurek We can merge #633 for now if needed until we have more time to review the rest of the spacing issues.