fix(web): standardize button borderRadius, fontSize, and fontWeight #68

New Issue

forbes · 2026-02-13T19:00:34Z

forbes commented

2026-02-13 19:00:34 +00:00

Ref: docs/STYLE.md § Components / Buttons

Multiple button style properties deviate from the spec across ~15 components.

borderRadius — spec says 6px (0.375rem):

CreateItemPane.tsx, EditItemPane.tsx, DeleteItemPane.tsx use 0.3rem
BOMTab.tsx uses 0.3rem
CategoryPicker.tsx uses 0.25rem, 0.1rem
TagInput.tsx uses 1rem (for pills — may be intentional)
ContextMenu.tsx uses 0.5rem
ProjectsPage.tsx uses 0.3rem–0.4rem
SchemasPage.tsx uses 0.25rem

fontSize — spec says 12px (0.75rem):

ProjectsPage.tsx btnPrimaryStyle uses 0.85rem
ItemsToolbar.tsx scopeBtn uses 0.85rem via CSS variable
Multiple components use 0.8rem instead of 0.75rem

fontWeight — spec says 500:

ProjectsPage.tsx, LoginPage.tsx use fontWeight: 600
Some buttons default to 400 (no explicit weight set)

Fix: Sweep all button styles and align to borderRadius: '0.375rem', fontSize: '0.75rem', fontWeight: 500.

**Ref:** `docs/STYLE.md` § Components / Buttons Multiple button style properties deviate from the spec across ~15 components. **borderRadius** — spec says `6px` (0.375rem): - CreateItemPane.tsx, EditItemPane.tsx, DeleteItemPane.tsx use 0.3rem - BOMTab.tsx uses 0.3rem - CategoryPicker.tsx uses 0.25rem, 0.1rem - TagInput.tsx uses 1rem (for pills — may be intentional) - ContextMenu.tsx uses 0.5rem - ProjectsPage.tsx uses 0.3rem–0.4rem - SchemasPage.tsx uses 0.25rem **fontSize** — spec says `12px` (0.75rem): - ProjectsPage.tsx btnPrimaryStyle uses 0.85rem - ItemsToolbar.tsx scopeBtn uses 0.85rem via CSS variable - Multiple components use 0.8rem instead of 0.75rem **fontWeight** — spec says `500`: - ProjectsPage.tsx, LoginPage.tsx use fontWeight: 600 - Some buttons default to 400 (no explicit weight set) **Fix:** Sweep all button styles and align to `borderRadius: '0.375rem'`, `fontSize: '0.75rem'`, `fontWeight: 500`.

forbes referenced this issue from a commit

2026-02-13 19:26:28 +00:00

fix(web): standardize button borderRadius, fontSize, fontWeight (#68)

forbes referenced a pull request that will close this issue

2026-02-13 19:26:43 +00:00

fix: style guide batch 2 — buttons, tables, transitions, inputs, validation #84

forbes closed this issue

2026-02-13 19:27:58 +00:00

Sign in to join this conversation.