Complete workout of waybar CSS

1 files changed, 22 insertions, 14 deletions

diff --git a/config/waybar/style/Pywal.css b/config/waybar/style/Pywal.css
index 90a87f84..411cf426 100644
--- a/config/waybar/style/Pywal.css
+++ b/config/waybar/style/Pywal.css
@@ -45,24 +45,30 @@ tooltip {
 	border: 3px solid @color14;
 	border-radius: 40px 0px 0px 0px;
 	background-color: @color1;
-	padding-left: 8px;
-	padding-right: 8px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+	padding-right: 4px;
+	padding-left: 4px;
 }
 
 .modules-center {
 	border: 3px solid @color14;
 	border-radius: 60px 0px 60px 0px;
 	background-color: @background;
-	padding-left: 8px;
-	padding-right: 8px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+	padding-right: 4px;
+	padding-left: 4px;
 }
 
 .modules-left {
 	border: 3px solid @color14;
 	border-radius: 0px 0px 40px 0px;
 	background-color: @color1;
-	padding-left: 8px;
-	padding-right: 8px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+	padding-right: 4px;
+	padding-left: 4px;
 }
 
 #workspaces button {
@@ -71,8 +77,8 @@ tooltip {
 	text-shadow: none;
     padding: 0px;
     border-radius: 9px;
-    padding-left: 3px;
-    padding-right: 3px;
+    padding-left: 4px;
+    padding-right: 4px;
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
 }
@@ -80,8 +86,8 @@ tooltip {
 #workspaces button.active {
     color: @background;
     background-color: @color2;
-    padding-left: 12px;
-    padding-right: 12px;
+    padding-left: 8px;
+    padding-right: 8px;
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
@@ -97,8 +103,8 @@ tooltip {
 
 #workspaces button:hover {
     color: @color4;
-    padding-left: 3px;
-    padding-right: 3px;
+    padding-left: 2px;
+    padding-right: 2px;
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
@@ -154,8 +160,10 @@ tooltip {
 #custom-weather.snowyIcyNight,
 #custom-weather.sunnyDay {
 	color: @foreground;
-    padding-right: 8px;
-    padding-left: 8px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+	padding-right: 6px;
+	padding-left: 6px;
 }
 
 #temperature.critical {