ninja_hippo/arr-summary
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Rebuild request rows to match indexer rows

Browse source 
The Requests and Indexers cards sit side by side but read as two
unrelated lists: requests led with a type badge, indexers with a status
dot, and the rows drifted out of alignment once the share bar landed.

Give a request row the same anatomy as an indexer row — status dot,
title over a dimmed detail line, badge on the right — folding the type
into the detail line and mapping request status onto the existing
dot colours (a new .warn light covers pending). Both row types now
share a --row-h floor so the two cards line up row for row; the share
bar's top margin is trimmed so an indexer row reaches that height
without overshooting it.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Barely Removable 2026-08-26 23:02:36 -07:00
parent 909a0b568c
commit bd292fbe32
3 changed files with 21 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
templates/dashboard.html
View file

@ -347,13 +347,17 @@
{% if ombi.recent %}
<div class="req-list" id="req-list">
{% for req in ombi.recent %}
{# Same anatomy as an indexer row: status dot, name over a
dimmed detail line, status badge on the right. #}
{% set st = req.status | lower %}
<div class="req-item {{ 'is-hidden' if loop.index > 5 }}">
<span class="badge {{ 'movie' if req.type == 'Movie' else 'tv' }}">{{ req.type }}</span>
<span class="status-light {{ 'up' if st in ('available', 'approved')
else ('down' if st == 'denied' else 'warn') }}"></span>
<div class="req-info">
<div class="req-title">{{ req.title }}</div>
<div class="req-sub">{{ req.user }} · {{ req.date_display }}</div>
<div class="req-sub"><span class="req-type">{{ req.type }}</span> · {{ req.user }} · {{ req.date_display }}</div>
</div>
<span class="badge {{ req.status | lower }}">{{ req.status }}</span>
<span class="badge {{ st }}">{{ req.status }}</span>
</div>
{% endfor %}
</div>