From d0889736d023e667d85247c5e986a2ae37c2c4cf Mon Sep 17 00:00:00 2001
From: larssand <larssand@LPW0JW6L1>
Date: Tue, 8 Sep 2026 17:36:49 +0200
Subject: [PATCH] fix overlay list fields

---
 src/styles.css | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index ff82e7a..3951e2d 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -3175,13 +3175,17 @@ select:focus {
 }
 
 .overlay-race-list {
+  --overlay-columns: 30px minmax(148px, 1.42fr) repeat(6, minmax(62px, 0.38fr));
   display: grid;
   gap: 3px;
+  min-width: 0;
+  overflow-x: auto;
 }
 
 .overlay-race-row {
   display: grid;
-  grid-template-columns: 30px minmax(148px, 1.42fr) repeat(6, minmax(62px, 0.38fr));
+  min-width: 610px;
+  grid-template-columns: var(--overlay-columns);
   gap: 4px;
   align-items: center;
   padding: 4px 5px;
@@ -3626,11 +3630,6 @@ select:focus {
     grid-template-columns: 1fr;
   }
 
-  .overlay-race-row {
-    grid-template-columns: 42px 1fr;
-    gap: 6px;
-    padding: 8px;
-  }
 
   .overlay-speaker {
     grid-template-columns: 1fr;
@@ -4042,3 +4041,19 @@ select:focus {
 .sync-status [hidden] { display: none; }
 .sync-warning { margin: 0 0 10px; padding: 8px 12px; border: 1px solid var(--danger); border-radius: 8px; background: var(--panel); color: var(--text); font-size: 0.8rem; }
 .sync-warning[hidden] { display: none; }
+
+/* Shared tracks keep each sorting heading aligned with its live metric. */
+.overlay-race-list > .list-sort-toolbar {
+  display: grid;
+  grid-template-columns: var(--overlay-columns);
+  min-width: 610px;
+  gap: 4px;
+  padding: 4px 5px;
+  border: 1px solid transparent;
+  align-items: center;
+}
+.overlay-race-list > .list-sort-toolbar .list-sort-button {
+  min-width: 0;
+  font-size: 0.64rem;
+  overflow-wrap: anywhere;
+}