audio popout devices tab better spacing

Modules/AudioPopup.qml

@@ -133,7 +133,14 @@ CustomRect {
 		}
 	}
 
-	component DevicesTab: ColumnLayout {
+	component DevicesTab: Item {
+		implicitHeight: deviceColumn.height + Appearance.padding.normal
+		implicitWidth: deviceColumn.width + Appearance.padding.normal
+
+		ColumnLayout {
+			id: deviceColumn
+
+			anchors.centerIn: parent
 			spacing: 12
 
 			ButtonGroup {
@@ -183,6 +190,7 @@ CustomRect {
 				}
 			}
 		}
+	}
 	component VolumesTab: ColumnLayout {
 		spacing: 12
 
@@ -366,6 +374,22 @@ CustomRect {
 					node: appBox.modelData
 				}
 
+				CustomRect {
+					id: peakFill
+
+					anchors.bottom: parent.bottom
+					anchors.left: parent.left
+					anchors.top: parent.top
+					color: Qt.alpha(DynamicColors.palette.m3primary, 0.15)
+					implicitWidth: parent.width * peak.peak
+
+					Behavior on implicitWidth {
+						Anim {
+							duration: MaterialEasing.expressiveEffectsTime
+						}
+					}
+				}
+
 				RowLayout {
 					id: layoutVolume
 
@@ -449,22 +473,6 @@ CustomRect {
 						}
 					}
 				}
-
-				CustomRect {
-					id: peakFill
-
-					anchors.bottom: parent.bottom
-					anchors.left: parent.left
-					anchors.top: parent.top
-					color: Qt.alpha(DynamicColors.palette.m3primary, 0.15)
-					implicitWidth: parent.width * peak.peak
-
-					Behavior on implicitWidth {
-						Anim {
-							duration: MaterialEasing.expressiveEffectsTime
-						}
-					}
-				}
 			}
 		}
 	}