Add radius to both scrubber outline and scrubber background for visual

consistency

osd/PlayerControl.qml

@@ -189,29 +189,38 @@ Item {
         text: playerController.player?.trackArtist
       }
       Rectangle {
-        id: scrubber
+        id: scrubberOutline
         Layout.fillWidth: true
-        Layout.preferredHeight: 8
+        Layout.preferredHeight: 12
         Layout.rightMargin: 8
-        color: blendedColors.colLayer1
+        color: blendedColors.colSecondaryContainer
         visible: playerController.player?.length > 0
+        radius: parent.height / 2
 
         Rectangle {
-          anchors.top: parent.top
+          id: scrubber
-          anchors.bottom: parent.bottom
-          anchors.left: parent.left
-          color: blendedColors.colPrimary
-          width: (playerController.player?.position / playerController.player?.length) * parent.width
-          radius: parent.height / 2
-        }
-
-        MouseArea {
-          id: scrubberInteract
           anchors.fill: parent
-          onClicked: {
+          anchors.margins: 2
-            if (playerController.player) {
+          color: blendedColors.colLayer1
-              var pos = (mouseX / parent.width) * playerController.player.length
+          radius: parent.height / 2
-              playerController.player.position = pos
+
+          Rectangle {
+            anchors.top: parent.top
+            anchors.bottom: parent.bottom
+            anchors.left: parent.left
+            color: blendedColors.colPrimary
+            width: (playerController.player?.position / playerController.player?.length) * parent.width
+            radius: parent.height / 2
+          }
+
+          MouseArea {
+            id: scrubberInteract
+            anchors.fill: parent
+            onClicked: {
+              if (playerController.player) {
+                var pos = (mouseX / parent.width) * playerController.player.length
+                playerController.player.position = pos
+              }
             }
           }
         }