chore: spread actions across multiple lines if > 5

src/ClockWidget.qml

@@ -5,11 +5,13 @@ import "base"
 BRectangle {
     height: clock.height * 1.5
 
-    Rectangle {
+    Item {
         id: clock
         height: hours.height + minutes.height
+        width: parent.width
         anchors.centerIn: parent
         anchors.verticalCenter: parent.verticalCenter
+
         Text {
             id: hours
             anchors.horizontalCenter: parent.horizontalCenter

src/Dashboard.qml

@@ -51,7 +51,7 @@ PanelWindow {
             topRightRadius: 10
             border.color: "transparent"
             height: parent.height
-            width: NyshState.dashOpen ? maxSize : 0
+            width: NyshState.dashOpen ? maxSize : 1
             clip: true
             MouseArea {
                 anchors.fill: parent
@@ -83,6 +83,7 @@ PanelWindow {
                     Layout.fillHeight: true
                     Layout.fillWidth: true
                     height: parent.height
+                    width: parent.width
                     Layout.margins: 15
                     clip: true
 
@@ -101,6 +102,7 @@ PanelWindow {
                         Layout.fillHeight: true
                         Layout.fillWidth: true
                         height: parent.height
+                        width: parent.width
                         Layout.margins: 15
                         Layout.alignment: Qt.AlignBottom
 

src/widgets/notifications/NotificationInbox.qml

@@ -26,4 +26,28 @@ ListView {
             toast.notif.dismiss();
         }
     }
+
+    addDisplaced: Transition {
+        NumberAnimation {
+            properties: "x,y"
+            duration: 100
+        }
+    }
+    remove: Transition {
+        PropertyAction {
+            property: "ListView.delayRemove"
+            value: true
+        }
+        ParallelAnimation {
+            NumberAnimation {
+                property: "opacity"
+                to: 0
+                duration: 200
+            }
+        }
+        PropertyAction {
+            property: "ListView.delayRemove"
+            value: true
+        }
+    }
 }

src/widgets/notifications/NotificationToast.qml

@@ -37,7 +37,7 @@ MouseArea {
     BRectangle {
         id: box
         width: parent.width
-        height: header.height + toast.actionHeight + bodyBox.height + (5 * 3)
+        height: header.height + actions.implicitHeight + bodyBox.height + (5 * 3)
 
         clip: true
 
@@ -120,12 +120,13 @@ MouseArea {
                     }
                 }
             }
-            RowLayout {
+            GridLayout {
                 id: actions
                 width: parent.width
                 anchors.top: bodyBox.bottom
                 anchors.topMargin: 5
                 anchors.bottomMargin: 5
+                columns: toast.notif?.actions.length < 6 ? toast.notif?.actions.length : 4
                 Repeater {
                     id: rep
                     model: toast.notif?.actions