From 0dd174d8c78c216753276cfb87fa31e8ea07db4b Mon Sep 17 00:00:00 2001
From: SirBlobby <adithcool.5@gmail.com>
Date: Mon, 27 Jul 2026 12:13:23 -0400
Subject: [PATCH] Move wallpaper button into tile grid, add breathing room to
 side card icons

---
 ags/style.css                |  7 ++++---
 ags/widget/QuickSettings.tsx | 11 ++++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/ags/style.css b/ags/style.css
index 244f012..31cf21f 100644
--- a/ags/style.css
+++ b/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 {
diff --git a/ags/widget/QuickSettings.tsx b/ags/widget/QuickSettings.tsx
index 943584c..bf84d99 100644
--- a/ags/widget/QuickSettings.tsx
+++ b/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"