ironbar: more customization

home/ironbar/default.nix

@@ -37,10 +37,6 @@ in {
           }
         ];
       };
-      uptime = {
-        type = "sys_info";
-        format = ["{uptime}"];
-      };
       music = {
         type = "music";
         player_type = "mpris";
@@ -61,7 +57,7 @@ in {
           {
             type = "image";
             class = name + "-img";
-            src = ''{{poll:5000:playerctl metadata mpris:artUrl}}'';
+            src = ''{{poll:2000:playerctl metadata mpris:artUrl}}'';
           }
         ];
       };
@@ -78,6 +74,12 @@ in {
           max_length = 24;
         };
       };
+      uptime = rec {
+        type = "sys_info";
+        name = "uptime";
+        class = name;
+        format = ["   {uptime}"];
+      };
       sys-info = {
         type = "sys_info";
         format = [
@@ -94,7 +96,7 @@ in {
           position = "top";
           anchor_to_edges = true;
           start = [nixlogo];
-          center = [music_img music spacer focused];
+          center = [music spacer focused spacer uptime];
           end = [sys-info clock];
         };
       };

home/ironbar/style.scss

@@ -112,6 +112,11 @@ $crust:       #11111b;
     .title {
       padding-top: 0.8rem;
     }
+    .volume * {
+      border-radius: 0;
+      background-color: transparent;
+      color: $base;
+    }
     .controls {
       .btn-prev {
         padding: 0.3rem;
@@ -136,4 +141,8 @@ $crust:       #11111b;
 
 .focused {
   padding-left: 0.8rem;
+  padding-right: 0.8rem;
+}
+.uptime {
+  padding-left: 0.8rem;
 }