/* ============================================================================ registry-list.css Shared styling for transactional LIST (registry) pages so they stay uniform: - per-row action icons: left-aligned, max 3 per row - uniform 12px grid typography (header + cells) - no unnecessary bold inside line-item (data) rows Opt a page in by adding: - class "reg-grid" to the table / data-grid CONTAINER - class "action-icons-wrap" to each row's action-button container Works for native , MudTable and MudDataGrid (cells render as td/th). NOTE: deliberately targets TEXT elements (span/a/p/div/strong/b/label) and never the universal selector or , so MudBlazor icons — whose size is driven by font-size — are not shrunk. ============================================================================ */ /* --- Per-row action buttons: left-aligned, exactly 3 icons per row --------- */ /* !important so this wins over a page's own scoped ".xyz-actions" rule (which is rendered inline in the page body, AFTER this stylesheet). Adding the "action-icons-wrap" class to an existing action container is therefore enough — no per-page CSS edit required. */ .action-icons-wrap { display: grid !important; grid-template-columns: repeat(3, max-content) !important; gap: 2px 4px !important; justify-content: start !important; justify-items: start !important; align-items: center; } /* --- Uniform 12px grid typography ------------------------------------------ */ /* Cell weight is forced here too (covers amounts written as direct text in a
with no inner span). font-weight never affects SVG icon size, so this is safe for the actions column. */ .reg-grid td, .reg-grid .mud-table-cell { font-size: 12px !important; font-weight: 400 !important; } .reg-grid th { font-size: 12px !important; font-weight: 700 !important; } /* Data-cell text: 12px, normal weight (no bold line items). */ .reg-grid td span, .reg-grid td a, .reg-grid td p, .reg-grid td div, .reg-grid td small, .reg-grid td strong, .reg-grid td b, .reg-grid td label { font-size: 12px !important; font-weight: 400 !important; } /* Column headers: 12px, keep them strong for scannability. */ .reg-grid th span, .reg-grid th a, .reg-grid th .mud-table-sort-label { font-size: 12px !important; font-weight: 700 !important; }