diff --git a/frontend/src/components/subscriptions/FailingSourcesCard.vue b/frontend/src/components/subscriptions/FailingSourcesCard.vue index 0ceb99e..5f16154 100644 --- a/frontend/src/components/subscriptions/FailingSourcesCard.vue +++ b/frontend/src/components/subscriptions/FailingSourcesCard.vue @@ -90,13 +90,24 @@ async function onViewLogs(s) { .fc-fail__title { font-weight: 600; } .fc-fail__body { padding: 0 14px 10px; - display: flex; flex-direction: column; gap: 2px; + display: flex; flex-direction: column; gap: 3px; } .fc-fail__row { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 4px; background: rgb(var(--v-theme-surface) / 0.4); + /* Zebra striping + hover highlight: gives the eye a horizontal track + * from the artist name on the left to the Logs/Retry buttons on the + * right. Operator-flagged 2026-06-01 — without these, all rows blur + * together and it's hard to pick which row a button belongs to. */ + transition: background 80ms ease; +} +.fc-fail__row:nth-child(even) { + background: rgb(var(--v-theme-surface) / 0.55); +} +.fc-fail__row:hover { + background: rgb(var(--v-theme-error) / 0.18); } .fc-fail__artist { font-weight: 600; white-space: nowrap; } .fc-fail__count { flex: 0 0 auto; }