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