left-bar working, bottom bar semi-broken

Modules/SysTray/TrayIcons.qml

@@ -11,24 +11,30 @@ import qs.Modules
 CustomClippingRect {
 	id: root
 
+	required property bool horizontal
 	readonly property alias items: repeater
-	readonly property alias layout: sysRow
-	required property RowLayout loader
+	readonly property alias layout: sysGrid
+	required property GridLayout loader
 	readonly property int padding: Appearance.padding.small
 	required property Wrapper popouts
+	readonly property real shortSize: Config.bar.height + Appearance.padding.smallest * 2
+	readonly property real size: horizontal ? sysGrid.implicitWidth + Appearance.padding.small : sysGrid.implicitHeight + Appearance.padding.small
 
+	anchors.fill: parent
+	bottomLeftRadius: horizontal ? Appearance.rounding.full : Appearance.rounding.smallest / 2
 	bottomRightRadius: Appearance.rounding.smallest / 2
 	color: DynamicColors.tPalette.m3surfaceContainer
-	implicitHeight: Config.bar.height + Appearance.padding.smallest * 2
-	implicitWidth: sysRow.implicitWidth + Appearance.padding.small * 2
+	implicitHeight: horizontal ? shortSize : size
+	implicitWidth: horizontal ? size : shortSize
 	radius: Appearance.rounding.full
-	topRightRadius: Appearance.rounding.smallest / 2
+	topRightRadius: horizontal ? Appearance.rounding.smallest / 2 : Appearance.rounding.full
 
-	RowLayout {
-		id: sysRow
+	GridLayout {
+		id: sysGrid
 
 		anchors.centerIn: parent
-		spacing: 0
+		columns: root.horizontal ? -1 : 1
+		rowSpacing: -2
 
 		Repeater {
 			id: repeater