From d1053850063a6c520140e2ea88b88fcb0e847ae3 Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Wed, 17 Jun 2026 05:46:40 -0400
Subject: [PATCH] style(releases): scope gallery container with ::deep, move
 card radius to cover, narrow mix hero to 480px

---
 DeepDrftPublic.Client/Controls/ReleaseGallery.razor.css | 4 ++--
 DeepDrftPublic.Client/Pages/MixDetail.razor.css         | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/DeepDrftPublic.Client/Controls/ReleaseGallery.razor.css b/DeepDrftPublic.Client/Controls/ReleaseGallery.razor.css
index fddb791..3ad61d6 100644
--- a/DeepDrftPublic.Client/Controls/ReleaseGallery.razor.css
+++ b/DeepDrftPublic.Client/Controls/ReleaseGallery.razor.css
@@ -1,4 +1,4 @@
-.release-gallery-container {
+::deep .release-gallery-container {
     padding-top: 16px;
 }
 
@@ -18,7 +18,6 @@
     flex-direction: column;
     width: 200px;
     cursor: pointer;
-    border-radius: 8px;
     overflow: hidden;
     transition: transform 120ms ease;
 }
@@ -30,6 +29,7 @@
 .release-card-cover {
     width: 200px;
     height: 200px;
+    border-radius: 8px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
diff --git a/DeepDrftPublic.Client/Pages/MixDetail.razor.css b/DeepDrftPublic.Client/Pages/MixDetail.razor.css
index 1a3c271..9d02ea0 100644
--- a/DeepDrftPublic.Client/Pages/MixDetail.razor.css
+++ b/DeepDrftPublic.Client/Pages/MixDetail.razor.css
@@ -10,7 +10,7 @@
    .release-hero <div> (a child Razor component's native output), so ::deep is required to reach it. */
 ::deep .release-hero.mix-hero {
     aspect-ratio: 1 / 1;
-    max-width: 600px;
+    max-width: 480px;
     min-height: 0;
     max-height: none;
     margin-inline: auto;