Fix quick settings icons and centre its tiles

shell/plugins/panels/quick-settings/Header.qml

@@ -44,12 +44,12 @@ Item {
     spacing: Style.spaceReal(4)
 
     CardIconButton {
-      icon: ""
+      icon: "\uf023"
       onActivated: root.lockRequested()
     }
 
     CardIconButton {
-      icon: ""
+      icon: "\uf08b"
       onActivated: root.logoutRequested()
     }
 

shell/plugins/panels/quick-settings/MediaRow.qml

@@ -52,17 +52,17 @@ Item {
     spacing: Style.spaceReal(8)
 
     CardIconButton {
-      icon: "⏮"
+      icon: "\uf048"
       onActivated: root.controlRequested("previous")
     }
 
     CardIconButton {
-      icon: root.playing ? "⏸" : "▶"
+      icon: root.playing ? "\uf04c" : "\uf04b"
       onActivated: root.controlRequested("play-pause")
     }
 
     CardIconButton {
-      icon: "⏭"
+      icon: "\uf051"
       onActivated: root.controlRequested("next")
     }
   }

shell/plugins/panels/quick-settings/QuickSettings.qml

@@ -227,6 +227,7 @@ Item {
       }
 
       Tiles {
+        width: parent.width
         bluetoothOn: bluetoothFlag.value
         doNotDisturb: dndFlag.value
         nightLight: nightLightFlag.value
@@ -240,7 +241,7 @@ Item {
 
       SliderRow {
         width: parent.width
-        icon: mutedFlag.value ? "" : ""
+        icon: mutedFlag.value ? "\uf026" : "\uf028"
         dimmed: mutedFlag.value
         value: Number(volumeValue.value) || 0
         onIconActivated: root.toggleAndRefresh("pamixer --toggle-mute")
@@ -252,7 +253,7 @@ Item {
 
       SliderRow {
         width: parent.width
-        icon: ""
+        icon: "\uf185"
         value: Number(brightnessValue.value) || 0
         onValueRequested: function(next) {
           root.run("brightnessctl set " + next + "%")

shell/plugins/panels/quick-settings/Tiles.qml

@@ -16,44 +16,51 @@ Grid {
   signal toggleRequested(string command)
 
   columns: 3
+  readonly property real tileWidth: (width - columnSpacing * (columns - 1)) / columns
   columnSpacing: Style.spaceReal(8)
   rowSpacing: Style.spaceReal(8)
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf1eb"
     label: "Wi-Fi"
     onActivated: root.panelRequested("blob.network")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf293"
     label: "Bluetooth"
     active: root.bluetoothOn
     onActivated: root.panelRequested("blob.bluetooth")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf03e"
     label: "Wallpaper"
     onActivated: root.runRequested("blob-wallpaper-set --menu")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf1f6"
     label: "Silence"
     active: root.doNotDisturb
     onActivated: root.toggleRequested("blob-shell notifications toggleDnd")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf186"
     label: "Night Light"
     active: root.nightLight
     onActivated: root.toggleRequested("blob-toggle-nightlight")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf03d"
     label: "Record"
     active: root.recording
     tooltip: root.recording ? "Stop screen recording" : "Start a screen recording"
@@ -63,6 +70,7 @@ Grid {
   }
 
   Tile {
+    width: root.tileWidth
     icon: "󰅶"
     label: "Stay Awake"
     active: root.stayAwake
@@ -71,19 +79,22 @@ Grid {
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf1fb"
     label: "Pick Color"
     onActivated: root.runRequested("hyprpicker -a")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf1fc"
     label: "Theme"
     onActivated: root.runRequested("blob-theme-menu")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf10a"
     label: "Tablet Lock"
     active: root.tabletFollow
     tooltip: root.tabletFollow ? "Tablet follows focused monitor" : "Tablet spans all monitors"

shell/plugins/panels/quick-settings/WeatherCard.qml

@@ -30,7 +30,7 @@ Card {
   StatRow {
     width: parent.width
     visible: root.available
-    icon: ""
+    icon: "\uf2c9"
     label: "Temperature"
     value: root.temperature
   }
@@ -38,7 +38,7 @@ Card {
   StatRow {
     width: parent.width
     visible: root.available
-    icon: ""
+    icon: "\udb81\udd9d"
     label: "Wind"
     value: root.wind
   }