From 7d9ea05d11131cb09b9336d3226b5a1905b713dd Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sat, 19 Jul 2025 12:03:13 -0700
Subject: [PATCH] New: Increased the blur size and tweaked the artwork a bit in
 Now Playing music bar New: Forced music covers to always be square Fix: Now
 Playing music page had even side paddings

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

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 46d7c5f..276da18 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -1267,7 +1267,7 @@ html,
 
 .appfooter {
     background-color: var(--headerColor) !important;
-    backdrop-filter: var(--blurDefault) !important;
+    backdrop-filter: var(--blurLargest) !important;
 }
 
 .lyricPage {
@@ -2585,10 +2585,6 @@ div[data-role=controlgroup] a.ui-btn-active {
     padding-right: 0 !important;
 }
 
-.remoteControlContent.paddded-left.padded-right {
-    padding: 0 var(--sidePadding) !important;
-}
-
 .paging {
     padding: 0 1em;
 }
@@ -3295,6 +3291,20 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
 .nowPlayingPageImage {
     box-shadow: var(--shadow);
     border-radius: var(--smallRadius);
+    object-fit: cover;
+    aspect-ratio: 1 / 1;
+}
+
+.nowPlayingBar .nowPlayingImage {
+    background-size: cover;
+    border-radius: var(--smallerRadius);
+    height: 3.5em;
+    margin: .25em;
+    width: 3.5em;
+}
+
+.nowPlayingBarPositionContainer {
+    top: -0.7em;
 }
 
 @media (orientation: portrait) and (max-width: 43em) {
@@ -3556,4 +3566,8 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
 .layout-tv .headerLeft {
     overflow: unset;
     margin: .25em .5em;
+}
+
+.remoteControlContent {
+    padding: 0 var(--sidePadding) !important;
 }
\ No newline at end of file