ai chat: adjust msg header style

.config/quickshell/ii/modules/common/widgets/GroupButton.qml

@@ -32,7 +32,7 @@ Button {
     implicitWidth: (root.down && bounce) ? clickedWidth : baseWidth
     implicitHeight: (root.down && bounce) ? clickedHeight : baseHeight
 
-    property color colBackground: ColorUtils.transparentize(Appearance?.colors.colLayer1Hover, 1) || "transparent"
+    property color colBackground: ColorUtils.transparentize(colBackgroundHover, 1) || "transparent"
     property color colBackgroundHover: Appearance?.colors.colLayer1Hover ?? "#E5DFED"
     property color colBackgroundActive: Appearance?.colors.colLayer1Active ?? "#D6CEE2"
     property color colBackgroundToggled: Appearance?.colors.colPrimary ?? "#65558F"

.config/quickshell/ii/modules/sidebarLeft/aiChat/AiMessage.qml

@@ -79,15 +79,23 @@ Rectangle {
         anchors.margins: messagePadding
         spacing: root.contentSpacing
 
-        RowLayout { // Header
+        Rectangle {
-            spacing: 15
             Layout.fillWidth: true
-
+            implicitWidth: headerRowLayout.implicitWidth + 4 * 2
-            Rectangle { // Name
+            implicitHeight: headerRowLayout.implicitHeight + 4 * 2
-                id: nameWrapper
             color: Appearance.colors.colSecondaryContainer
-                // color: "transparent"
             radius: Appearance.rounding.small
+        
+            RowLayout { // Header
+                id: headerRowLayout
+                anchors {
+                    fill: parent
+                    margins: 4
+                }
+                spacing: 18
+
+                Item { // Name
+                    id: nameWrapper
                     implicitHeight: Math.max(nameRowLayout.implicitHeight + 5 * 2, 30)
                     Layout.fillWidth: true
                     Layout.alignment: Qt.AlignVCenter
@@ -232,6 +240,7 @@ Rectangle {
                     }
                 }
             }
+        }
 
         Loader {
             Layout.fillWidth: true

.config/quickshell/ii/modules/sidebarLeft/aiChat/AiMessageControlButton.qml

@@ -8,8 +8,9 @@ GroupButton {
     property string buttonIcon
     property bool activated: false
     toggled: activated
-
     baseWidth: height
+    colBackgroundHover: Appearance.colors.colSecondaryContainerHover
+    colBackgroundActive: Appearance.colors.colSecondaryContainerActive
 
     contentItem: MaterialSymbol {
         horizontalAlignment: Text.AlignHCenter