Рефактор стилей waybar

Configs/.config/waybar/styles.css

@@ -1,16 +1,16 @@
 @import "./theme.css";
 
-/* Global Styling */
+
+/* -- Global Styling -- */
 * {
   border: none;
   font-family: "JetBrainsMono Nerd Font";
   font-weight: bold;
-  font-size: 14.7px;
-  min-height: 14.7px;
+  font-size: 14.8px;
+  min-height: 14.8px;
   color: @foreground;
 }
 
-/* Main Background */
 window#waybar {
   background: @background;
 }
@@ -19,7 +19,8 @@ window#waybar>box {
   margin-top: 6px;
 }
 
-/* Tooltip Styling */
+
+/* -- Tooltip Styling -- */
 tooltip {
   color: @foreground;
   background: @tooltip;
@@ -29,44 +30,8 @@ tooltip {
   border-color: @foreground;
 }
 
-/* Workspace Button */
-#workspaces button {
-  color: @foreground;
-  border-radius: 8px;
-  box-shadow: none;
-  margin-top: 2px;
-  margin-right: 0px;
-  margin-bottom: 2px;
-  margin-left: 0px;
-  padding: 0px;
-  padding-right: 2px;
-  padding-left: 2px;
-  animation: ws_normal 20s ease-in-out 1;
-}
 
-/* Active Workspace Button */
-#workspaces button.active {
-  color: @active-fg;
-  background: @active-bg;
-  text-shadow: 0px 0px 2px rgba(22, 22, 22, 0.6);
-  margin-right: 2px;
-  margin-left: 2px;
-  padding-right: 6px;
-  padding-left: 6px;
-  animation: ws_active 20s ease-in-out 1;
-  transition: all 0.4s cubic-bezier(0.55, -0.68, 0.48, 1.682);
-}
-
-/* Hover Effect for Workspace Buttons */
-#workspaces button:hover {
-  color: @hover-fg;
-  background: @hover-bg;
-  box-shadow: none;
-  animation: ws_hover 20s ease-in-out 1;
-  transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
-}
-
-/* General Module Styling */
+/* -- General Module Styling -- */
 #idle_inhibitor,
 #workspaces,
 #window,
@@ -84,9 +49,9 @@ tooltip {
 #battery,
 #custom-power {
   opacity: 1;
-  padding: 4px 3px;
+  padding: 3px 3px;
   margin: 0 3px;
-  border-radius: 9px;
+  border-radius: 10px;
   text-shadow: 0px 0px 2px rgba(22, 22, 22, 0.8);
 }
 
@@ -96,9 +61,9 @@ tooltip {
 /* Idle Inhibitor */
 #idle_inhibitor {
   background: @logo;
-  margin-left: 10px;
-  padding-left: 8px;
-  padding-right: 8px;
+  margin-left: 6px;
+  padding-right: 7px;
+  padding-left: 2px;
 }
 
 /* Workspaces */
@@ -106,6 +71,37 @@ tooltip {
   background: @workspaces;
 }
 
+/* Workspace Button */
+#workspaces button {
+  color: @foreground;
+  border-radius: 8px;
+  box-shadow: none;
+  margin: 2px 1px;
+  padding: 0 2px;
+  animation: ws_normal 20s ease-in-out 1;
+}
+
+/* Active Workspace Button */
+#workspaces button.active {
+  color: @active-fg;
+  background: @active-bg;
+  text-shadow: 0px 0px 2px rgba(22, 22, 22, 0.6);
+  margin-right: 2px;
+  margin-left: 2px;
+  padding: 0 5px;
+  animation: ws_active 20s ease-in-out 1;
+  transition: all 0.4s cubic-bezier(0.55, -0.68, 0.48, 1.682);
+}
+
+/* Hover Effect for Workspace Buttons */
+#workspaces button:hover {
+  color: @hover-fg;
+  background: @hover-bg;
+  box-shadow: none;
+  animation: ws_hover 20s ease-in-out 1;
+  transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
+}
+
 /* Window Title */
 #window {
   background: @window;
@@ -114,7 +110,6 @@ tooltip {
 }
 
 
-
 /* -- Central Modules --  */
 
 /* CPU */
@@ -158,7 +153,7 @@ tooltip {
   padding-right: 8px;
   padding-left: 8px;
   font-size: 13px;
-}
+} 
 
 /* Tray */
 #tray {