Fixed Padding On Waybar

.config/waybar/config

@@ -4,6 +4,7 @@
       	"position": "top",
 	// If height property would be not present, it'd be calculated dynamically
      "height": 30,
+     "width" : 10,
  
     	"modules-left": [
         	"custom/launcher",
@@ -23,9 +24,11 @@
 	        "custom/keyboard-layout",
 	        "battery",
             //"custom/PBPbattery",
-	        "backlight",
+	        "backlight#icon",
+           "backlight#value",
 	        "clock",
 	        "tray",
+            "custom/weather",
 	        "custom/power",
      	],
  
@@ -40,8 +43,7 @@
     	"format": "{capacity}% {icon}",
     	"format-charging": "{capacity}% ",
     	"format-plugged": "{capacity}% ",
-    	"format-alt": "{time} {icon}",
-    	// "format-good": "", // An empty format will hide the module
+    	 // "format-good": "", // An empty format will hide the module
     	// "format-full": "",
     	"format-icons": ["", "", "", "", ""]
 },
@@ -152,25 +154,30 @@
  
 "custom/weather": {
     	"exec": "~/.config/waybar/scripts/weather.sh",
-    	"format": "{}",
+    	"format": "{text} {icon}",
     	"return-type": "json",
-    	"interval": 600
+    	"interval": 600,
+        "tooltip-format": "{tooltip}"
 },
- 
+
 "tray": {
        	"icon-size": 18,
        	"spacing":10,
  },
  
-"backlight": {
-    	"interval": 5,
-    	"format": "{icon} {percent}%",
-    	"format-alt": "{percent}% {icon}",
-    	"format-alt-click": "click-right",
-    	"format-icons": ["🌕", "🌔", "🌓", "🌒", "🌑"],
+"backlight#icon": {
+    	"format": "{icon}",
+    	"format-icons": [""],
     	"on-scroll-down": "brightnessctl -c backlight set +5%",
     	"on-scroll-up": "brightnessctl -c backlight set 5%-"
 },
+
+"backlight#value" :{
+     "format": "{percent}%",
+     "on-scroll-down": "brightnessctl -c backlight set +5%",
+      "on-scroll-up": "brightnessctl -c backlight set 5%-"
+
+},
  
 "custom/firefox": {
     	"format": " ",

.config/waybar/style.css

@@ -71,14 +71,14 @@ Arc-Dark Color Scheme
 #custom-keyboard-layout,
 #memory,
 #mode,
+#custom-weather,
 #network,
 #pulseaudio,
 #temperature,
 #tray 
 #custom-PBPbattery{
-   margin-left:10px;
-   margin-right:10px;
-   padding:0;
+      padding:0.3rem 0.6rem;
+      margin: 0px 0px;
 }
 
 
@@ -89,7 +89,7 @@ Arc-Dark Color Scheme
  * -------------------------------------------------------------------------- */
  
 #battery {
-        margin-top:3px;
+        
         animation-timing-function: linear;
         animation-iteration-count: infinite;
         animation-direction: alternate;
@@ -114,7 +114,7 @@ Arc-Dark Color Scheme
 }
 
 #cpu{
- margin-top:2.5px;
+ 
 }
 #cpu.warning {
         color: orange;
@@ -155,7 +155,7 @@ Arc-Dark Color Scheme
 }
 
 #pulseaudio{
- margin-top:2px;
+padding-top:7px;
 } 
 #pulseaudio.muted {
     color: @highlight; 
@@ -170,7 +170,7 @@ Arc-Dark Color Scheme
 }
  
 #workspaces{
-font-size:18px;
+font-size:15px;
 }
 #workspaces button {
     border-bottom: 3px solid transparent;
@@ -201,4 +201,9 @@ font-size:18px;
    margin-right:10px;
  }   
 
+#backlight.icon{
+ padding-right:1px;
+ font-size: 20px;	
+}
+