From f4898718a8b23e27cb74413a4cf8dd5a4e07a366 Mon Sep 17 00:00:00 2001
From: Kiana Sheibani <kiana.a.sheibani@gmail.com>
Date: Mon, 27 Jan 2025 17:50:48 -0500
Subject: [PATCH] fix(eww): fix workspace 10 button in status bar

When workspace 10 was selected, the larger two-digit ID caused the
button to be too large and clip into the side of the module. This can be
easily fixed using a `min-width` property.
---
 home-manager/wayland/eww/eww.scss | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/home-manager/wayland/eww/eww.scss b/home-manager/wayland/eww/eww.scss
index 10c3630..22339bc 100644
--- a/home-manager/wayland/eww/eww.scss
+++ b/home-manager/wayland/eww/eww.scss
@@ -109,25 +109,24 @@ tooltip {
 
 .bar-workspaces {
   @include segment;
-  padding: 3px 5px;
+  padding: 3px;
 
   .workspace-button {
-    padding: 0px 5px;
-    border-radius: 20px;
+    min-width: 23px;
+    border-radius: 100%;
     color: #51587a;
 
+    &.current + box {
+      border-radius: 100%;
+      background-color: $accent;
+      color: $foreground-light;
+    }
+
     &.occupied {
       background-color: $background-scale;
       color: $accent;
     }
 
-    &.current + box {
-      padding: 0px 7px;
-      border-radius: 20px;
-      background-color: $accent;
-      color: $foreground-light;
-    }
-
     &.occupied.previous-occupied {
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;