fix: window info anim + clipping

modules/windowinfo/Buttons.qml

@@ -54,24 +54,39 @@ ColumnLayout {
         }
     }
 
-    WrapperItem {
-        Layout.fillWidth: true
-        Layout.leftMargin: Tokens.padding.extraLargeIncreased
-        Layout.rightMargin: Tokens.padding.extraLargeIncreased
-
-        Layout.preferredHeight: root.moveToWsExpanded ? implicitHeight : 0
-        clip: true
-
-        topMargin: Tokens.spacing.medium
-        bottomMargin: Tokens.spacing.medium
-
     GridLayout {
         id: wsGrid
 
-            rowSpacing: Tokens.spacing.medium
+        Layout.fillWidth: true
-            columnSpacing: Tokens.spacing.medium
+        Layout.leftMargin: Tokens.padding.large
+        Layout.rightMargin: Tokens.padding.large
+        Layout.bottomMargin: root.moveToWsExpanded ? Tokens.spacing.medium : 0
+        Layout.preferredHeight: root.moveToWsExpanded ? implicitHeight : 0
+        opacity: root.moveToWsExpanded ? 1 : 0
+        clip: true
+
+        rowSpacing: Tokens.spacing.small
+        columnSpacing: Tokens.spacing.small
         columns: 5
 
+        Behavior on Layout.bottomMargin {
+            Anim {
+                type: Anim.DefaultEffects
+            }
+        }
+
+        Behavior on Layout.preferredHeight {
+            Anim {
+                type: Anim.DefaultEffects
+            }
+        }
+
+        Behavior on opacity {
+            Anim {
+                type: Anim.DefaultEffects
+            }
+        }
+
         Repeater {
             model: 10
 
@@ -92,11 +107,6 @@ ColumnLayout {
         }
     }
 
-        Behavior on Layout.preferredHeight {
-            Anim {}
-        }
-    }
-
     RowLayout {
         Layout.fillWidth: true
         Layout.leftMargin: Tokens.padding.large

modules/windowinfo/WindowInfo.qml

@@ -40,6 +40,7 @@ Item {
 
                 color: Colours.tPalette.m3surfaceContainer
                 radius: Tokens.rounding.large
+                clip: true
 
                 Details {
                     client: root.client