chore(docx): updating nav spacing

[gdoddsjobber]

Motivations

The left-side navigation had uneven spacing between items and insufficient padding between the text and the edges of the selected/hover background, making it look visually inconsistent.

Changes

• Increased nav item spacing (margin-bottom) from space-smaller (4px) to space-small (8px) for both list items and disclosure items
• Increased nav link horizontal padding from space-smallest (2px) to space-small (8px)
• Added margin-left/right: var(--negativeHoverOffset) to .navMenuLink so regular nav items (e.g. Home) match the full width of disclosure items (e.g. Patterns, Components)

Added

None

Changed

• Increased nav item spacing (margin-bottom) from space-smaller (4px) to space-small (8px) for both list items and disclosure items
• Increased nav link horizontal padding from space-smallest (2px) to space-small (8px)
• Added margin-left/right: var(--negativeHoverOffset) to .navMenuLink so regular nav items (e.g. Home) match the full width of disclosure items (e.g. Patterns, Components)

Deprecated

n/a

Removed

n/a

Fixed

Visual bug fix

Security

css changes only

Testing

Navigate to the docs site and verify the left-side nav:

• All nav items (Home, Patterns, Components, etc.) should be the same uniform width
• There should be consistent 8px spacing between each nav item
• The selected item background should have visible padding around the text on both sides
• Changes can be
• tested via Pre-release

---

In Atlantis we use Github's built in pull request reviews.

[cloudflare-workers-and-pages]

Deploying atlantis with    Cloudflare Pages

Latest commit:	607df5c
Status:	✅  Deploy successful!
Preview URL:	https://c69418d7.atlantis.pages.dev
Branch Preview URL:	https://greg-docs-site-ui-changes.atlantis.pages.dev

View logs