Notification: adjust layout

Modules/IPC/IPCManager.qml

@@ -38,7 +38,12 @@ Item {
     function toggleHistory() {
       notificationHistoryPanel.toggle(getActiveScreen())
     }
-    function toggleDoNotDisturb() {// TODO
+    function toggleDND() {
+      Settings.data.notifications.doNotDisturb = !Settings.data.notifications.doNotDisturb
+      ToastService.showNotice(
+            Settings.data.notifications.doNotDisturb ? "Do Not Disturb enabled" : "Do Not Disturb disabled",
+            Settings.data.notifications.doNotDisturb ? "Notifications will be hidden but saved to history" : "Notifications will be shown normally",
+            "notice", false, 2000)
     }
   }
 

Modules/Notification/Notification.qml

@@ -159,8 +159,8 @@ Variants {
             RowLayout {
               id: contentRow
               anchors.fill: parent
-              anchors.margins: Style.marginL * scaling
+              anchors.margins: Style.marginM * scaling
-              spacing: Style.marginL * scaling
+              spacing: Style.marginM * scaling
 
               // Right: header on top, then avatar + texts
               ColumnLayout {
@@ -248,12 +248,12 @@ Variants {
             NIconButton {
               icon: "close"
               tooltipText: "Close"
-              // Compact target (~24dp) and glyph (~16dp)
+              sizeRatio: 0.6
-              sizeRatio: 0.75
+              fontPointSize: 12
-              fontPointSize: 16
               anchors.top: parent.top
+              anchors.topMargin: Style.marginM * scaling
               anchors.right: parent.right
-              anchors.margins: Style.marginS * scaling
+              anchors.rightMargin: Style.marginM * scaling
 
               onClicked: {
                 animateOut()

Widgets/NToast.qml

@@ -180,7 +180,10 @@ Item {
         icon: "close"
         visible: root.persistent || root.duration === 0
 
-        color: Color.mOnSurface
+        colorBg: Color.mSurfaceVariant
+        colorFg: Color.mOnSurface
+        colorBorder: Color.transparent
+        colorBorderHover: Color.mOutline
 
         fontPointSize: Style.fontSizeM * scaling
         sizeRatio: 0.8