From f29c87f869a1dcea6a6f639d8937a65daca353ae Mon Sep 17 00:00:00 2001
From: Caleb Allen <caleballen1276@gmail.com>
Date: Mon, 30 Mar 2026 20:37:57 -0400
Subject: [PATCH] fix: top releases grid no longer stretches to fill column
 height
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Removed flex:1 from .top-releases-grid and flex column from
.top-section-column. Added align-items:start to .top-section-columns
so both columns align at the top. The releases grid now sizes
naturally based on its content — 2 cards in a 2-column grid,
matching the compact height of the track list.
---
 .../explore-artist-details/explore-artist-details.ts          | 4 +---
 1 file changed, 1 insertion(+), 3 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 edc6735..7343282 100644
--- a/frontend/src/components/explore-artist-details/explore-artist-details.ts
+++ b/frontend/src/components/explore-artist-details/explore-artist-details.ts
@@ -335,19 +335,17 @@ export class ExploreArtistDetails extends LitElement {
                 display: grid;
                 grid-template-columns: 1fr 1fr;
                 gap: 24px;
+                align-items: start;
             }
 
             .top-section-column {
                 min-width: 0;
-                display: flex;
-                flex-direction: column;
             }
 
             .top-releases-grid {
                 display: grid;
                 grid-template-columns: 1fr 1fr;
                 gap: 10px;
-                flex: 1;
             }
 
             .top-release-card {