From 709103ad712991f179689f35269f3fd7a858ac8d Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Mon, 15 Jun 2026 10:45:27 -0400
Subject: [PATCH] ui: move SharePopover below metadata on all release detail
 pages

---
 .../Controls/ReleaseDetailScaffold.razor               | 10 ++++++++--
 .../Controls/ReleaseDetailScaffold.razor.css           |  5 +++++
 2 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 DeepDrftPublic.Client/Controls/ReleaseDetailScaffold.razor.css

diff --git a/DeepDrftPublic.Client/Controls/ReleaseDetailScaffold.razor b/DeepDrftPublic.Client/Controls/ReleaseDetailScaffold.razor
index 4b91381..6b0f7a7 100644
--- a/DeepDrftPublic.Client/Controls/ReleaseDetailScaffold.razor
+++ b/DeepDrftPublic.Client/Controls/ReleaseDetailScaffold.razor
@@ -17,11 +17,10 @@
             <MudText Typo="Typo.h6" Color="Color.Primary">@Artist</MudText>
         </div>
 
-        @* Play + share only make sense once a playable track is resolved. *@
+        @* Play only makes sense once a playable track is resolved. *@
         @if (Track is not null)
         {
             <MudStack Row AlignItems="AlignItems.Center" Spacing="1">
-                <SharePopover EntryKey="@Track.EntryKey" />
                 <PlayStateIcon Track="@Track" Size="Size.Large" Color="Color.Secondary" OnToggle="@PlayTrack" />
             </MudStack>
         }
@@ -37,4 +36,11 @@
         </div>
     }
 
+    @if (Track is not null)
+    {
+        <div class="deepdrft-share-row">
+            <SharePopover EntryKey="@Track.EntryKey" />
+        </div>
+    }
+
 </div>
diff --git a/DeepDrftPublic.Client/Controls/ReleaseDetailScaffold.razor.css b/DeepDrftPublic.Client/Controls/ReleaseDetailScaffold.razor.css
new file mode 100644
index 0000000..2c5ff4f
--- /dev/null
+++ b/DeepDrftPublic.Client/Controls/ReleaseDetailScaffold.razor.css
@@ -0,0 +1,5 @@
+.deepdrft-share-row {
+    display: flex;
+    justify-content: center;
+    margin-top: 1.5rem;
+}