From 8fb1d0d9840a7e870d71ac902265199942fdf366 Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Thu, 17 Sep 2026 08:07:17 +0200 Subject: fix(pills): sit the pills flush against the screen edge The 4px margin was applied top and bottom, leaving a transparent strip above every pill that read as the bar reserving space it was not using. Moving it to the bottom only puts the pills at y=0 on both monitors, measured from screenshots rather than judged by eye. Note that reload_style_on_change did not pick this up: the pills were still at y=4 after the edit and at y=0 only after a waybar restart. Co-Authored-By: Claude Opus 5 --- styles/pills.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'styles/pills.css') diff --git a/styles/pills.css b/styles/pills.css index 7bc9947..391c0b5 100644 --- a/styles/pills.css +++ b/styles/pills.css @@ -28,7 +28,10 @@ color: @main-fg; border-radius: 14px; padding: 2px 12px; - margin: 4px 0; + /* Top edge only: the pills sit flush against the screen edge, and the gap + * is below them. An even 4px top and bottom left a transparent strip above + * every pill, which read as the bar reserving space it was not using. */ + margin: 0 0 4px 0; transition: background-color 0.3s ease, color 0.3s ease; } -- cgit v1.2.3