More padding around nav bar links

Open Beginner friendly
#107 0 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

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

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.

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
Dominant language
Assembly
Stars
34
Forks
16
PR merge metrics
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from gbdev/gbdev.github.io

All issues in gbdev/gbdev.github.io

Similar issues

More Design issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.