diff --git a/assets/css/app.css b/assets/css/app.css index 0e733539..a859e9ae 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -693,6 +693,16 @@ .table.table-lg thead tr { font-size: 1.125rem; } .table.table-xl thead tr { font-size: 1.375rem; } +/* + * Compact density keeps table-xs's tight row spacing but lifts the OVERVIEW's + * font off the tiny xs size (0.6875rem) so member names stay comfortably legible, + * especially on high-DPI displays: body cells at sm (0.875rem), header a touch + * smaller. Scoped to #members-keyboard so other table-xs tables keep DaisyUI's + * default xs sizing. + */ +#members-keyboard .table.table-xs :not(thead, tfoot) tr { font-size: 0.875rem; } +#members-keyboard .table.table-xs thead tr { font-size: 0.8125rem; } + /* * Density-tracking badges and sort icons in the member overview. * @@ -709,7 +719,7 @@ */ #members-keyboard .table.table-xs .badge { --size: calc(var(--size-selector, 0.25rem) * 4); - font-size: 0.625rem; + font-size: 0.75rem; padding-inline: calc(0.25rem * 2 - var(--border)); } #members-keyboard .table.table-md .badge {