Move wallpaper button into tile grid, add breathing room to side card icons

ags/style.css

@@ -364,7 +364,7 @@
 .widget-icon-badge {
   background-color: alpha(@accent, 0.18);
   border-radius: 8px;
-  padding: 5px 8px;
+  padding: 8px 11px;
   color: @accent;
   font-size: 16px;
 }
@@ -398,13 +398,14 @@
 }
 
 .widget-stat-row {
-  padding: 1px 0;
+  padding: 2px 0;
 }
 
 .widget-stat-icon {
   color: @color5;
   font-size: 13px;
-  min-width: 18px;
+  min-width: 22px;
+  padding-right: 2px;
 }
 
 .widget-level-bar {

ags/widget/QuickSettings.tsx

@@ -92,9 +92,6 @@ function Header() {
         <label class="cc-clock" label={clock} xalign={0} halign={Gtk.Align.START} />
         <label class="cc-date" label={today} xalign={0} halign={Gtk.Align.START} />
       </box>
-      <button class="panel-icon-btn" tooltipText="Change wallpaper" onClicked={() => { closePanel(); sh("blob_wallpaper") }}>
-        <label label={""} />
-      </button>
       <button class="panel-icon-btn" tooltipText="Lock" onClicked={() => { closePanel(); sh("omarchy-system-lock") }}>
         <label label={""} />
       </button>
@@ -147,6 +144,14 @@ function Toggles() {
             sh("omarchy-launch-bluetooth")
           }}
         />
+        <Tile
+          icon={""}
+          label="Wallpaper"
+          onClicked={() => {
+            closePanel()
+            sh("blob_wallpaper")
+          }}
+        />
         <Tile
           icon={""}
           label="Silence"