diff --git a/static/recordings.html b/static/recordings.html index f9aae96..64366c3 100644 --- a/static/recordings.html +++ b/static/recordings.html @@ -102,6 +102,19 @@ #player-time { color: var(--text-muted); font-size: var(--fz-sm); white-space: nowrap; } .btn-delete { color: var(--primary); } .btn-delete:hover { color: var(--primary-hover); } + /* Narrow desktops (a 1710px MacBook display): the 18px table with + 20px cell padding ran past the right edge. Same treatment as the + connections table: 16px cells, tighter padding, 14px headers, and + the actions kept on one line. Nothing is hidden. */ + @media (max-width: 1800px) { + table th, table td { + padding: var(--s-2) var(--s-3); + font-size: var(--fz-sm); + } + table th { font-size: var(--fz-xs); letter-spacing: 0.08em; } + table td:last-child { white-space: nowrap; } + .btn-small { padding: 0 var(--s-1); } + } diff --git a/static/reports.html b/static/reports.html index 6b9715c..fe7e78c 100644 --- a/static/reports.html +++ b/static/reports.html @@ -48,6 +48,21 @@ font-size: var(--fz-sm); } .panel th { background: transparent; padding-top: 0; } + /* Narrow desktops (a 1710px MacBook display): the 18px table with + 20px cell padding ran past the right edge. Same treatment as the + connections table: 16px cells, tighter padding, 14px headers, and + the actions kept on one line. Nothing is hidden. */ + @media (max-width: 1800px) { + #history-table th, #history-table td, + #recordings-table th, #recordings-table td, + table.list th, table.list td { + padding: var(--s-2) var(--s-3); + font-size: var(--fz-sm); + } + #history-table th, #recordings-table th, table.list th { font-size: var(--fz-xs); letter-spacing: 0.08em; } + #history-table td:last-child, #recordings-table td:last-child { white-space: nowrap; } + .btn-small { padding: 0 var(--s-1); } + }