dock

Modules/Settings/Categories/Appearance.qml

@@ -20,10 +20,11 @@ CustomFlickable {
 		anchors.left: parent.left
 		anchors.right: parent.right
 
-		CustomRect {
+		CustomClippingRect {
 			Layout.fillWidth: true
 			Layout.preferredHeight: colorLayout.implicitHeight + Appearance.padding.normal * 2
 			color: DynamicColors.tPalette.m3surfaceContainer
+			radius: Appearance.rounding.normal - Appearance.padding.smaller
 
 			ColumnLayout {
 				id: colorLayout
@@ -106,10 +107,11 @@ CustomFlickable {
 			}
 		}
 
-		CustomRect {
+		CustomClippingRect {
 			Layout.fillWidth: true
 			Layout.preferredHeight: idleLayout.implicitHeight + Appearance.padding.normal * 2
 			color: DynamicColors.tPalette.m3surfaceContainer
+			radius: Appearance.rounding.normal - Appearance.padding.smaller
 
 			Idle {
 				id: idleLayout
@@ -129,7 +131,6 @@ CustomFlickable {
 
 		Layout.preferredHeight: 60
 		Layout.preferredWidth: 200
-		radius: 4
 
 		CustomText {
 			id: text

Modules/Settings/Categories/Appearance/Idle.qml

@@ -1,3 +1,5 @@
+pragma ComponentBehavior: Bound
+
 import QtQuick
 import QtQuick.Layouts
 import qs.Components
@@ -35,7 +37,7 @@ ColumnLayout {
 	spacing: Appearance.spacing.smaller
 
 	Repeater {
-		model: Config.general.idle.timeouts
+		model: [...Config.general.idle.timeouts]
 
 		SettingList {
 			Layout.fillWidth: true
@@ -49,8 +51,9 @@ ColumnLayout {
 		}
 	}
 
-	CustomButton {
-		text: qsTr("Add timeout entry")
+	IconButton {
+		font.pointSize: Appearance.font.size.large
+		icon: "add"
 
 		onClicked: root.addTimeoutEntry()
 	}