From 7b5ef26f524bdb259401aee1baa8cf1d06d4c2b5 Mon Sep 17 00:00:00 2001
From: Caleb Allen <caleballen1276@gmail.com>
Date: Mon, 30 Mar 2026 20:47:35 -0400
Subject: [PATCH] fix: top release cards fill grid cells, art centered with
 text below
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Removed max-height/max-width constraints — art fills the grid
cell width naturally. Cards are centered in their cells via
justify-items:center and align-items:center on the card itself.
Text sits centered below the art. The 2-column grid cells size
based on the available column width, so art scales with the
layout rather than being fixed at 80px.
---
 .../explore-artist-details/explore-artist-details.ts        | 6 +++---
 1 file changed, 3 insertions(+), 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 4137412..e731a8f 100644
--- a/frontend/src/components/explore-artist-details/explore-artist-details.ts
+++ b/frontend/src/components/explore-artist-details/explore-artist-details.ts
@@ -335,7 +335,6 @@ export class ExploreArtistDetails extends LitElement {
                 display: grid;
                 grid-template-columns: 1fr 1fr;
                 gap: 24px;
-                align-items: start;
             }
 
             .top-section-column {
@@ -346,17 +345,20 @@ export class ExploreArtistDetails extends LitElement {
                 display: grid;
                 grid-template-columns: 1fr 1fr;
                 gap: 8px;
+                justify-items: center;
             }
 
             .top-release-card {
                 display: flex;
                 flex-direction: column;
+                align-items: center;
                 gap: 4px;
                 cursor: pointer;
                 transition: background 0.15s ease;
                 padding: 4px;
                 border-radius: 6px;
                 min-width: 0;
+                width: 100%;
             }
 
             .top-release-card:hover {
@@ -373,8 +375,6 @@ export class ExploreArtistDetails extends LitElement {
             .top-release-art {
                 width: 100%;
                 aspect-ratio: 1;
-                max-height: 80px;
-                max-width: 80px;
                 border-radius: 4px;
                 overflow: hidden;
                 background: linear-gradient(