Part of #237.
Problem
Buttons, inputs, and container padding in the Team Members tab are larger than needed
and sit on a light-gray background.
Figma design.
Scope
- Decrease button and input sizes.
- Change background from
light-gray to white.
- Decrease padding on the table container.
- Adjust padding on the filters container.
- Decrease the input size in the filters panel.
Files
src/authz-module/team-members/TeamMembersTable.tsx — DataTable with TableControlBar, TextFilter.
src/authz-module/components/TableControlBar/* — SearchFilter.tsx, OrgFilter.tsx,
RolesFilter.tsx, ScopesFilter.tsx, TableControlBar.tsx.
src/authz-module/index.scss — .pgn__data-table-wrapper { padding: 1rem; } and
.filters rules; body bg-light-200.
Notes
- Table container padding lives in
.authz-module .pgn__data-table-wrapper (1rem).
- Filter inputs/buttons: pass
size="sm" on Paragon controls; tighten .filters spacing.
- Background: move affected surface from
bg-light-200 to white.
Acceptance criteria
Part of #237.
Problem
Buttons, inputs, and container padding in the Team Members tab are larger than needed
and sit on a light-gray background.
Figma design.
Scope
light-grayto white.Files
src/authz-module/team-members/TeamMembersTable.tsx—DataTablewithTableControlBar,TextFilter.src/authz-module/components/TableControlBar/*—SearchFilter.tsx,OrgFilter.tsx,RolesFilter.tsx,ScopesFilter.tsx,TableControlBar.tsx.src/authz-module/index.scss—.pgn__data-table-wrapper { padding: 1rem; }and.filtersrules; bodybg-light-200.Notes
.authz-module .pgn__data-table-wrapper(1rem).size="sm"on Paragon controls; tighten.filtersspacing.bg-light-200to white.Acceptance criteria