action center: toggle pages

dots/.config/quickshell/ii/modules/waffle/actionCenter/toggles/ActionCenterToggleButton.qml

@@ -32,18 +32,18 @@ ColumnLayout {
     property color colBorder: toggled ? Looks.colors.accentHover : Looks.colors.bg0Border
     property color colForeground: toggled ? Looks.colors.accentFg : Looks.colors.fg1
 
+    spacing: 0
+    property real wholeToggleWidth: 96
+
     Rectangle {
         Layout.fillWidth: true
-        implicitWidth: 96
+        implicitWidth: root.wholeToggleWidth
         implicitHeight: 48
         color: root.colBackground
-        border.color: root.colBorder
-        border.width: 1
         radius: Looks.radius.medium
 
         RowLayout {
             anchors.fill: parent
-            uniformCellSizes: true
             spacing: 0
 
             WButton {
@@ -102,8 +102,8 @@ ColumnLayout {
 
     Item {
         id: toggleNameWidget
+        implicitWidth: root.wholeToggleWidth
         implicitHeight: 36
-        Layout.fillWidth: true
         WText {
             id: toggleNameText
             anchors {

dots/.config/quickshell/ii/modules/waffle/actionCenter/toggles/ActionCenterTogglesDelegateChooser.qml

@@ -32,6 +32,7 @@ DelegateChooser {
         roleValue: "bluetooth"
         ActionCenterToggleButton {
             toggleModel: BluetoothToggle {}
+            name: toggleModel.statusText
             icon: WIcons.bluetoothIcon
         }
     }
@@ -39,7 +40,7 @@ DelegateChooser {
         roleValue: "cloudflareWarp"
         ActionCenterToggleButton {
             toggleModel: CloudflareWarpToggle {}
-            icon: "globe-shield"
+            icon: "cloudflare"
         }
     }
     DelegateChoice {
@@ -53,7 +54,7 @@ DelegateChooser {
         roleValue: "darkMode"
         ActionCenterToggleButton {
             toggleModel: DarkModeToggle {}
-            icon: "dark-theme*"
+            icon: "dark-theme"
         }
     }
     DelegateChoice {
@@ -95,6 +96,7 @@ DelegateChooser {
         roleValue: "network"
         ActionCenterToggleButton {
             toggleModel: NetworkToggle {}
+            name: toggleModel.statusText
             icon: WIcons.internetIcon
         }
     }
@@ -124,6 +126,7 @@ DelegateChooser {
         ActionCenterToggleButton {
             toggleModel: PowerProfilesToggle {}
             icon: WIcons.powerProfileIcon
+            name: toggleModel.statusText
         }
     }
     DelegateChoice {