fix media controls positioning for vertical bar

.config/quickshell/ii/modules/mediaControls/MediaControls.qml

@@ -111,21 +111,24 @@ Scope {
 
             exclusionMode: ExclusionMode.Ignore
             exclusiveZone: 0
-            margins {
-                top: Appearance.sizes.barHeight
-                bottom: Appearance.sizes.barHeight
-                left: (mediaControlsRoot.screen.width / 2) - (osdWidth / 2) - widgetWidth
-            }
             implicitWidth: root.widgetWidth
             implicitHeight: playerColumnLayout.implicitHeight
             color: "transparent"
             WlrLayershell.namespace: "quickshell:mediaControls"
 
             anchors {
-                top: !Config.options.bar.bottom
-                bottom: Config.options.bar.bottom
-                left: true
+                top: !Config.options.bar.bottom || Config.options.bar.vertical
+                bottom: Config.options.bar.bottom && !Config.options.bar.vertical
+                left: !(Config.options.bar.vertical && Config.options.bar.bottom)
+                right: Config.options.bar.vertical && Config.options.bar.bottom
             }
+            margins {
+                top: Config.options.bar.vertical ? ((mediaControlsRoot.screen.height / 2) - widgetHeight * 1.5) : Appearance.sizes.barHeight
+                bottom: Appearance.sizes.barHeight
+                left: Config.options.bar.vertical ? Appearance.sizes.barHeight : ((mediaControlsRoot.screen.width / 2) - (osdWidth / 2) - widgetWidth)
+                right: Appearance.sizes.barHeight
+            }
+
             mask: Region {
                 item: playerColumnLayout
             }
@@ -143,6 +146,8 @@ Scope {
                         required property MprisPlayer modelData
                         player: modelData
                         visualizerPoints: root.visualizerPoints
+                        implicitWidth: widgetWidth
+                        implicitHeight: widgetHeight
                     }
                 }
             }

.config/quickshell/ii/modules/mediaControls/PlayerControl.qml

@@ -23,9 +23,6 @@ Item { // Player instance
     property real maxVisualizerValue: 1000 // Max value in the data points
     property int visualizerSmoothing: 2 // Number of points to average for smoothing
 
-    implicitWidth: widgetWidth
-    implicitHeight: widgetHeight
-
     component TrackChangeButton: RippleButton {
         implicitWidth: 24
         implicitHeight: 24