From 1ed4c46cc883b975af0703ffc6387829282f581b Mon Sep 17 00:00:00 2001
From: Bill Thornton <thornbill@users.noreply.github.com>
Date: Tue, 15 Apr 2025 14:28:51 -0400
Subject: [PATCH] Fix item details screen not filling desktop screen

---
 src/styles/librarybrowser.scss | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/styles/librarybrowser.scss b/src/styles/librarybrowser.scss
index 9afed6ed9..a604f2762 100644
--- a/src/styles/librarybrowser.scss
+++ b/src/styles/librarybrowser.scss
@@ -581,10 +581,10 @@
             height: 30vh;
         }
     }
-}
 
-.layout-tv .itemBackdrop {
-    display: none;
+    .layout-tv & {
+        display: none;
+    }
 }
 
 .detailPageContent {
@@ -845,10 +845,14 @@
 
 .detailPageSecondaryContainer {
     padding-top: 1.25em;
-}
 
-.layout-mobile .detailPageSecondaryContainer {
-    padding-top: 1em;
+    .layout-desktop & {
+        flex-grow: 1;
+    }
+
+    .layout-mobile & {
+        padding-top: 1em;
+    }
 }
 
 .detailImageContainer .card {
@@ -1168,6 +1172,12 @@ div.itemDetailGalleryLink.defaultCardBackground {
 .detailPageWrapperContainer {
     border-spacing: 0;
     border-collapse: collapse;
+
+    .layout-desktop & {
+        display: flex;
+        flex-direction: column;
+        min-height: 60vh;
+    }
 }
 
 .mediaInfoContent .btnCopy .material-icons {