volume mixer: adjust layout

.config/quickshell/ii/modules/sidebarRight/volumeMixer/VolumeMixerEntry.qml

@@ -11,24 +11,42 @@ import Quickshell.Services.Pipewire
 
 Item {
     id: root
-    required property PwNode node;
+    required property PwNode node
-	PwObjectTracker { objects: [ node ] }
+    PwObjectTracker {
+        objects: [node]
+    }
 
     implicitHeight: rowLayout.implicitHeight
 
     RowLayout {
         id: rowLayout
         anchors.fill: parent
-        spacing: 10
+        spacing: 6
+
+        Image {
+            property real size: slider.height * 0.9
+            Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+            visible: source != ""
+            sourceSize.width: size
+            sourceSize.height: size
+            source: {
+                let icon;
+                icon = AppSearch.guessIcon(root.node.properties["application.icon-name"]);
+                if (AppSearch.iconExists(icon))
+                    return Quickshell.iconPath(icon, "image-missing");
+                icon = AppSearch.guessIcon(root.node.properties["node.name"]);
+                return Quickshell.iconPath(icon, "image-missing");
+            }
+        }
 
         ColumnLayout {
             Layout.fillWidth: true
-            spacing: 0
+            spacing: -4
 
-            RowLayout {
             StyledText {
                 Layout.fillWidth: true
-                    font.pixelSize: Appearance.font.pixelSize.normal
+                font.pixelSize: Appearance.font.pixelSize.small
+                color: Appearance.colors.colSubtext
                 elide: Text.ElideRight
                 text: {
                     // application.name -> description -> name
@@ -37,23 +55,7 @@ Item {
                     return media != undefined ? `${app} • ${media}` : app;
                 }
             }
-            }
 
-            RowLayout {
-                Image {
-                    property real size: slider.trackHeight * 1.3
-                    Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
-                    visible: source != ""
-                    sourceSize.width: size
-                    sourceSize.height: size
-                    source: {
-                        let icon;
-                        icon = AppSearch.guessIcon(root.node.properties["application.icon-name"]);
-                        if (AppSearch.iconExists(icon)) return Quickshell.iconPath(icon, "image-missing");
-                        icon = AppSearch.guessIcon(root.node.properties["node.name"]);
-                        return Quickshell.iconPath(icon, "image-missing");
-                    }
-                }
             StyledSlider {
                 id: slider
                 value: root.node.audio.volume
@@ -61,5 +63,4 @@ Item {
             }
         }
     }
-    }
 }