better spacing of action buttons in notification popups

Modules/Lock/Resources.qml

@@ -1,6 +1,6 @@
 import QtQuick
 import QtQuick.Layouts
-import qs.Modules
+import ZShell.Services
 import qs.Components
 import qs.Helpers
 import qs.Config
@@ -16,30 +16,34 @@ GridLayout {
 	rowSpacing: Appearance.spacing.large
 	rows: 1
 
-	Ref {
-		service: SystemUsage
+	ServiceRef {
+		service: Memory
+	}
+
+	ServiceRef {
+		service: Cpu
 	}
 
 	Resource {
 		Layout.bottomMargin: Appearance.padding.large
 		Layout.topMargin: Appearance.padding.large
-		color: DynamicColors.palette.m3primary
+		fgColor: DynamicColors.palette.m3primary
 		icon: "memory"
-		value: SystemUsage.cpuPerc
+		value: Cpu.percentage
 	}
 
 	Resource {
 		Layout.bottomMargin: Appearance.padding.large
 		Layout.topMargin: Appearance.padding.large
-		color: DynamicColors.palette.m3secondary
+		fgColor: DynamicColors.palette.m3secondary
 		icon: "memory_alt"
-		value: SystemUsage.memPerc
+		value: Memory.percentage
 	}
 
 	component Resource: CustomRect {
 		id: res
 
-		required property color color
+		required property color fgColor
 		required property string icon
 		required property real value
 
@@ -59,7 +63,7 @@ GridLayout {
 
 			anchors.fill: parent
 			bgColor: DynamicColors.layer(DynamicColors.palette.m3surfaceContainerHighest, 3)
-			fgColor: res.color
+			fgColor: res.fgColor
 			padding: Appearance.padding.large * 3
 			strokeWidth: width < 200 ? Appearance.padding.smaller : Appearance.padding.normal
 			value: res.value
@@ -69,7 +73,7 @@ GridLayout {
 			id: icon
 
 			anchors.centerIn: parent
-			color: res.color
+			color: res.fgColor
 			font.pointSize: (circ.arcRadius * 0.7) || 1
 			font.weight: 600
 			text: res.icon