From 6f24ba0901a8efc1568f7cc608b108d399f566d5 Mon Sep 17 00:00:00 2001 From: James Brechtel Date: Wed, 15 Jul 2026 21:44:40 -0400 Subject: [PATCH] docs: add nav button styling design spec --- .../2026-07-15-nav-button-styling-design.md | 23 +++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 docs/specs/2026-07-15-nav-button-styling-design.md diff --git a/docs/specs/2026-07-15-nav-button-styling-design.md b/docs/specs/2026-07-15-nav-button-styling-design.md new file mode 100644 index 0000000..87b95a4 --- /dev/null +++ b/docs/specs/2026-07-15-nav-button-styling-design.md @@ -0,0 +1,23 @@ +# Nav Button Styling: Use .nb-button.default + +**Date:** 2026-07-15 + +## Summary + +Change the CSS class on all navigation bar buttons in `frontend/src/index.ts` from `.nb-button` to `.nb-button.default` to use the default variant styling provided by the Neo Brutalism CSS framework. + +## Changes + +| Element | Current Class | New Class | +|---------|--------------|-----------| +| Dashboard nav link | `a.nb-button` | `a.nb-button.default` | +| Chores nav link | `a.nb-button` | `a.nb-button.default` | +| Household nav link | `a.nb-button` | `a.nb-button.default` | +| Activity nav link | `a.nb-button` | `a.nb-button.default` | +| Logout button | `button.nb-button` | `button.nb-button.default` | + +## Scope + +- **File:** `frontend/src/index.ts` only +- **Lines affected:** 5 consecutive lines in the `NavBar` component (currently lines 115-119) +- **No other changes** to styles, structure, or behavior