fix config file writing + positioning issues

Modules/MediaWidget.qml

@@ -14,11 +14,19 @@ CustomRect {
 	readonly property int textWidth: Math.min(metrics.width, 200)
 
 	color: Colors.tPalette.m3surfaceContainer
-	implicitHeight: horizontal ? Config.bar.height : layout.implicitHeight + Tokens.padding.normal * 2
-	implicitWidth: horizontal ? layout.implicitWidth + Tokens.padding.normal * 2 : Config.bar.height
+	implicitHeight: horizontal ? Math.max(Config.bar.height, Tokens.bar.innerSize) : layout.implicitHeight + Tokens.padding.normal * 2
+	implicitWidth: horizontal ? layout.implicitWidth + Tokens.padding.normal * 2 : Math.max(Config.bar.height, Tokens.bar.innerSize)
 	radius: Tokens.rounding.full
 
+	Behavior on implicitHeight {
+		enabled: !root.horizontal
+
+		Anim {
+		}
+	}
 	Behavior on implicitWidth {
+		enabled: root.horizontal
+
 		Anim {
 		}
 	}
@@ -33,7 +41,11 @@ CustomRect {
 	GridLayout {
 		id: layout
 
-		anchors.centerIn: parent
+		anchors.bottomMargin: root.horizontal ? 0 : Tokens.padding.normal
+		anchors.fill: parent
+		anchors.leftMargin: root.horizontal ? Tokens.padding.normal : 0
+		anchors.rightMargin: root.horizontal ? Tokens.padding.normal : 0
+		anchors.topMargin: root.horizontal ? 0 : Tokens.padding.normal
 		columns: root.horizontal ? -1 : 1
 
 		Behavior on implicitWidth {
@@ -53,15 +65,14 @@ CustomRect {
 			id: mediatext
 
 			Layout.alignment: root.horizontal ? Qt.AlignVCenter : Qt.AlignHCenter
-			Layout.preferredHeight: root.horizontal ? root.height : root.textWidth
 			animate: true
 			color: Players.active?.isPlaying ? Colors.palette.m3primary : Colors.palette.m3onSurface
 			font.pointSize: Tokens.font.size.normal
 			horizontalAlignment: Text.AlignHCenter
+			implicitWidth: root.textWidth
 			marqueeEnabled: false
 			pauseMs: 4000
 			text: root.currentMedia
-			width: root.textWidth
 
 			transform: [
 				Translate {