From f6786e4c23cc40541c3cbe7f7a714d5081a054de Mon Sep 17 00:00:00 2001 From: brink-lab Date: Thu, 20 Nov 2025 16:51:42 +0100 Subject: [PATCH] Update Waybar tray icon (#3479) * Update style.css Fixes the uneven spacing between icons on waybar by updating styling.css with Propo font family. However, Propo introduces a small issue as the volume icons don't have the same with. As a consequence, icons left of volume will move based on the displayed volume icon. To solve this, I added a non-Propo font to the pipewire module as well - this way the volume icons have fixed length but eats a bit into the spacing towards the CPU icon. But I see this as the best trade-off. * Update waybar config.jsonc * Update tray spacing in waybar config * Modify margins in style.css Adjusted margins for various elements. * Update waybar css for even spacing * Update Waybar config tray spacing * Change expand-icon format character * Adjust margin-right for custom-expand-icon --- config/waybar/config.jsonc | 2 +- config/waybar/style.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/config/waybar/config.jsonc b/config/waybar/config.jsonc index cef31e9c..f0191c14 100644 --- a/config/waybar/config.jsonc +++ b/config/waybar/config.jsonc @@ -125,7 +125,7 @@ "modules": ["custom/expand-icon", "tray"] }, "custom/expand-icon": { - "format": "", + "format": "", "tooltip": false }, "custom/screenrecording-indicator": { diff --git a/config/waybar/style.css b/config/waybar/style.css index 315f887a..7b7a980e 100644 --- a/config/waybar/style.css +++ b/config/waybar/style.css @@ -53,7 +53,7 @@ } #custom-expand-icon { - margin-right: 20px; + margin-right: 18px; } tooltip {