From 265b22f0caced58f4b9c67441381236b7de64123 Mon Sep 17 00:00:00 2001
From: Ian Gulliver <github@flamingcow.io>
Date: Mon, 16 Feb 2026 10:51:29 -0800
Subject: [PATCH] Fix alternating row stripes to span full card width

---
 static/trip.html | 5 ++---
 static/trip.js   | 5 +----
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/static/trip.html b/static/trip.html
index e9e89e8..b0731d4 100644
--- a/static/trip.html
+++ b/static/trip.html
@@ -73,10 +73,9 @@
         .room-label { font-weight: bold; font-size: 0.8rem; margin-bottom: 0.2rem; }
         .solver-score { font-size: 0.8rem; margin-top: 0.3rem; color: var(--wa-color-neutral-500); }
         .divider { border: none; border-top: 1px solid #909090; margin: 0.75rem 0; }
-        .pref-rows { width: fit-content; }
         .pref-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0; padding: 0.3rem 0.4rem; }
-        .pref-row:nth-child(odd) { background: var(--wa-color-neutral-50); border-radius: 0.25rem; }
-        .pref-row .pref-name { flex: 1; font-size: 0.85rem; }
+        .pref-row:nth-child(even) { background: rgba(128, 128, 128, 0.06); }
+        .pref-row .pref-name { font-size: 0.85rem; }
         .pref-row wa-radio-group { white-space: nowrap; }
     </style>
 </head>
diff --git a/static/trip.js b/static/trip.js
index 96f0157..b74b6e8 100644
--- a/static/trip.js
+++ b/static/trip.js
@@ -535,8 +535,6 @@ async function renderMemberView(me) {
             }
         }
 
-        const rows = document.createElement('div');
-        rows.className = 'pref-rows';
         for (const other of students) {
             if (myStudentIDs.has(other.id)) continue;
             const row = document.createElement('div');
@@ -578,9 +576,8 @@ async function renderMemberView(me) {
                 }
             });
             row.appendChild(group);
-            rows.appendChild(row);
+            card.appendChild(row);
         }
-        card.appendChild(rows);
         container.appendChild(card);
     }