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

Keep Requests/Indexers cards always equal height
All checks were successful
Deploy / deploy (push) Successful in 23s
Details

Browse source 
Revert to the default grid stretch for this row so Ombi and Prowlarr
always match height exactly, and center the indexer grid vertically
within the taller Prowlarr card so any leftover space splits evenly
top/bottom instead of collecting as dead space at the bottom.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Barely Removable 2026-08-26 14:03:26 -07:00
parent ecf3209abd
commit 0d63339490
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
templates/dashboard.html
View file

@ -200,7 +200,6 @@
} }
.row.cols-3 { grid-template-columns: repeat(3, 1fr); } .row.cols-3 { grid-template-columns: repeat(3, 1fr); }
.row.cols-2 { grid-template-columns: repeat(2, 1fr); } .row.cols-2 { grid-template-columns: repeat(2, 1fr); }
.row.align-top { align-items: start; }
/* ── Card ───────────────────────────────────────────── */ /* ── Card ───────────────────────────────────────────── */
.card { .card {
@ -234,6 +233,7 @@
} }
.card-body { padding: 1.1rem; flex: 1; } .card-body { padding: 1.1rem; flex: 1; }
.card-body > :first-child { margin-top: 0; } .card-body > :first-child { margin-top: 0; }
#prowlarr-body { display: flex; flex-direction: column; justify-content: center; }
/* ── "Right now" hero strip ─────────────────────────── */ /* ── "Right now" hero strip ─────────────────────────── */
.hero .card { border-color: var(--border-lt); } .hero .card { border-color: var(--border-lt); }
@ -991,7 +991,7 @@
<!-- ══ Requests + Indexers ══ --> <!-- ══ Requests + Indexers ══ -->
<section class="section" aria-labelledby="h-ops"> <section class="section" aria-labelledby="h-ops">
<h2 id="h-ops">Requests &amp; indexers</h2> <h2 id="h-ops">Requests &amp; indexers</h2>
<div class="row cols-2 align-top"> <div class="row cols-2">
<!-- Ombi --> <!-- Ombi -->
<div class="card"> <div class="card">