Repository navigation
AuthZ module: UI/spacing polish across layout, tabs, wizard, and audit pages #237
Description
Summary
Tracking issue for a round of UI adjustments across the AuthZ module. The work is
spacing/sizing/color polish on existing components — no behavior changes. It is split
into per-area issues so each can be implemented and reviewed independently and kept
under the team's ~400-line diff guideline.
Design
Figma design is here. Values called out in the sub-issues (button sizes, colors,
spacing) are the current best understanding and should be reconciled with the Figma once
it lands. Each sub-issue should be updated with the final Figma link before implementation.
Conventions
- Style against Paragon design tokens (CSS custom properties like
var(--pgn-color-...)),
not hardcoded hex or raw SCSS variables. - Prefer Paragon component props (e.g.
size="sm") over custom overrides where available. - No new one-off SCSS variables; use tokens.
Sub-issues
- AuthZ layout title: reduce title spacing + shrink Assign role button #238 AuthZ layout title spacing + Assign role button size
- Roles & Permissions tab: selector spacing, button size/color, unified card, header font #239 Roles & Permissions tab: selector spacing, button size/color, card wrap, header font
- Team Members tab: control sizing, white background, table/filter padding #241 Team Members tab: control sizing, background, table/filter padding
- Role assignation wizard: convert to full-screen modal #240 Role assignation wizard: convert to full-screen modal
- Audit User page: title spacing/border, button size, white background, table padding, filter buttons #242 Audit User page: title spacing/border, button size, background, table padding, filter buttons
Activity