waybar: enlarge bar and tighten spacing

dotfiles/config/waybar/config.jsonc

@@ -1,6 +1,6 @@
 // -*- mode: jsonc -*-
 {
-    "height": 30,
+    "height": 42,
     "spacing": 4,
     "modules-left": [
         "hyprland/workspaces",
@@ -16,6 +16,7 @@
         "power-profiles-daemon",
         "cpu",
         "memory",
+        "custom/diskfree",
         "temperature",
         "backlight",
         "battery",
@@ -44,6 +45,12 @@
     "memory": {
         "format": "MEM {}%"
     },
+    "custom/diskfree": {
+        "exec": "~/.config/waybar/scripts/diskfree",
+        "interval": 30,
+        "format": "DISK {text}",
+        "tooltip": false
+    },
     "temperature": {
         "critical-threshold": 80,
         "format": "TEMP {temperatureC}C"
@@ -89,7 +96,7 @@
             "enable": true,
             "update-active-window": true,
             "format": "{icon}",
-            "icon-size": 16,
+            "icon-size": 24,
             "on-click-window": "hyprctl dispatch focuswindow address:{address}"
         }
     }

dotfiles/config/waybar/style.css

@@ -1,7 +1,7 @@
 * {
     /* `otf-font-awesome` is required to be installed for icons */
     font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif;
-    font-size: 13px;
+    font-size: 14px;
 }
 
 window#waybar {
@@ -55,7 +55,7 @@ button:hover {
 
 #workspaces button,
 #taskbar button {
-    padding: 0 5px;
+    padding: 0 3px;
     background-color: transparent;
     color: #ffffff;
 }
@@ -78,7 +78,7 @@ button:hover {
 }
 
 #workspaces .workspace-label {
-    padding: 0 6px;
+    padding: 0 2px;
 }
 
 #workspaces .taskbar-window {
@@ -108,6 +108,7 @@ button:hover {
 #cpu,
 #memory,
 #disk,
+#custom-diskfree,
 #temperature,
 #backlight,
 #network,
@@ -120,7 +121,7 @@ button:hover {
 #scratchpad,
 #power-profiles-daemon,
 #mpd {
-    padding: 0 10px;
+    padding: 0 8px;
     color: #ffffff;
 }
 
@@ -210,6 +211,10 @@ label:focus {
     background-color: #964B00;
 }
 
+#custom-diskfree {
+    background-color: #964B00;
+}
+
 #backlight {
     background-color: #90b1b1;
 }