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); }
+ }