From 7addee575ab441f6c15b00bb2b53c1c891ce27b5 Mon Sep 17 00:00:00 2001 From: Caleb Allen Date: Mon, 30 Mar 2026 00:01:13 -0400 Subject: [PATCH] =?UTF-8?q?fix:=20top=20releases=20grid=20always=202=C3=97?= =?UTF-8?q?2,=20fills=20available=20column=20height?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Changed from auto-fill (which created a single row of 4) to fixed 2-column grid. Column is now a flex container so the grid stretches to fill the section height alongside the track list. --- .../explore-artist-details/explore-artist-details.ts | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/frontend/src/components/explore-artist-details/explore-artist-details.ts b/frontend/src/components/explore-artist-details/explore-artist-details.ts index 14d166c..5f5e9cc 100644 --- a/frontend/src/components/explore-artist-details/explore-artist-details.ts +++ b/frontend/src/components/explore-artist-details/explore-artist-details.ts @@ -332,13 +332,15 @@ export class ExploreArtistDetails extends LitElement { .top-section-column { min-width: 0; + display: flex; + flex-direction: column; } .top-releases-grid { display: grid; - grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); + grid-template-columns: 1fr 1fr; gap: 10px; - align-content: start; + flex: 1; } .top-release-card {