gbdev / gbdev/gbdev.github.io

More padding around nav bar links

Open Beginner friendly
#107 0 comments 2 reactions 0 assignees View on GitHub
Dominant language
Assembly
Stars
34
Forks
16
PR merge metrics
No merged PRs in 30d

Description

The nav bar links are spaced like they're all part of the same paragraph. Given some of their long and title-cased names, I honestly though some of them were wrapping around to two lines, but actually it's two separate links.

Image

Adding a little more vertical whitespace would distinguish each link, and give them larger click/touch targets that I think would be more convenient. Here's how it looks with `.vp-navbar-dropdown-item a { line-height: 2em !important; }`:

Image

Contributor guide

No contributing guide indexed for this repository

Research direction

Find the stylesheet or theme entry that controls `.vp-navbar-dropdown-item a`, then inspect the existing navbar link spacing. Apply the requested additional vertical whitespace and verify the dropdown links are visually distinct with larger click/touch targets at both normal and wrapped text widths.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
design, frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
72/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.