From 90ae13e5b64d703698229b2552ac39347d44b0e5 Mon Sep 17 00:00:00 2001
From: Micah Stanley <stanleymicah@proton.me>
Date: Thu, 1 Aug 2024 01:35:20 +0000
Subject: [PATCH] Polished the media controls expanded view animation.

---
 .../mediacontrols/MediaControlsWidget.qml     | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/components/mobileshell/qml/widgets/mediacontrols/MediaControlsWidget.qml b/components/mobileshell/qml/widgets/mediacontrols/MediaControlsWidget.qml
index 45197aa3..8923ffc6 100644
--- a/components/mobileshell/qml/widgets/mediacontrols/MediaControlsWidget.qml
+++ b/components/mobileshell/qml/widgets/mediacontrols/MediaControlsWidget.qml
@@ -132,8 +132,8 @@ Item {
 
                 sourceComponent: MouseArea {
                     id: mouseArea
-                    implicitHeight: playerItem.implicitHeight
-                    implicitWidth: playerItem.implicitWidth
+                    implicitHeight: root.contentHeight + root.padding * 2
+                    implicitWidth: root.width
 
                     onPressAndHold: {
                         MobileShell.AppLaunch.launchOrActivateApp(model.desktopEntry + ".desktop");
@@ -144,20 +144,20 @@ Item {
                         root.detailledView = !root.detailledView
                     }
 
+                    BlurredBackground {
+                        anchors.fill: parent
+                        darken: mouseArea.pressed
+                        inActionDrawer: root.inActionDrawer
+                        imageSource: model.artUrl
+                    }
 
                     MobileShell.BaseItem {
                         id: playerItem
-                        anchors.fill: parent
+                        anchors.top: parent.top
+                        anchors.left: parent.left
+                        anchors.right: parent.right
 
                         padding: root.padding
-                        implicitHeight: root.contentHeight + root.padding * 2
-                        implicitWidth: root.width
-
-                        background: BlurredBackground {
-                            darken: mouseArea.pressed
-                            inActionDrawer: root.inActionDrawer
-                            imageSource: model.artUrl
-                        }
 
                         contentItem: ColumnLayout {
                             Kirigami.Theme.inherit: true