From 0ae60fa6f5055ad7374f327d38073f78e272f0c0 Mon Sep 17 00:00:00 2001
From: retrozinndev <joaovodias@gmail.com>
Date: Tue, 3 Jun 2025 21:10:35 -0300
Subject: [PATCH] :boom: fix(bar/status): use icon property of `volumeStatus()`
 for icon name instead of nerd font glyph

---
 ags/widget/bar/Status.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/ags/widget/bar/Status.ts b/ags/widget/bar/Status.ts
index ea11722..d57c8ab 100644
--- a/ags/widget/bar/Status.ts
+++ b/ags/widget/bar/Status.ts
@@ -18,6 +18,7 @@ export function Status(): Gtk.Widget {
             Object.hasOwn(openWins, "control-center") ? "open status" : "status"),
         onClick: () => Windows.toggle("control-center"),
         child: new Widget.Box({
+            spacing: 5,
             children: [
                 volumeStatus({
                     className: "sink",
@@ -46,12 +47,12 @@ function volumeStatus(props: { className?: string, endpoint: AstalWp.Endpoint, i
             :
                 Wireplumber.getDefault().increaseEndpointVolume(props.endpoint, 5),
             child: new Widget.Box({
+                spacing: 2,
                 children: [
-                    new Widget.Label({
-                        className: "nf",
+                    new Widget.Icon({
                         visible: props.icon,
-                        label: props.icon,
-                    } as Widget.LabelProps),
+                        icon: props.icon,
+                    } as Widget.IconProps),
                     new Widget.Label({
                         className: "volume",
                         label: bind(props.endpoint, "volume").as((volume: number) =>