From a65c30796cdc8b285a8c0bf29df39bd7e60dc3ee Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sun, 2 Feb 2025 14:43:05 +0530
Subject: [PATCH] New: Redesigned the Now Playing section on desktops New: Now
 playing section now sticks to the top of the screen on desktops; particularly
 useful in a large music library

---
 Theme/ElegantFin-theme-nightly.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 6f9408a..8b2c787 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -2179,6 +2179,30 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
     border-color: transparent;
 }
 
+.layout-desktop .nowPlayingInfoContainer {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 5em;
+    padding: 1em;
+    margin-bottom: 2em;
+    backdrop-filter: var(--blurLargest);
+    border: var(--defaultLighterBorder);
+    z-index: 2;
+    background-color: var(--headerColor);
+    box-shadow: var(--shadow);
+    border-radius: var(--largerRadius);
+    box-sizing: border-box;
+}
+
+.layout-desktop .nowPlayingInfoControls {
+    margin: 0em 2em;
+}
+
+.nowPlayingPageImage {
+    box-shadow: var(--shadow);
+    border-radius: var(--smallRadius);
+}
+
 @media (orientation: portrait) and (max-width: 43em) {
     .nowPlayingInfoContainer {
         height: calc(95% - 4.2em);