Fixed systray icons to have reactive sizing and volume icon to properly change when muted/unmuted.

scss/bar/audio.scss

@@ -1,7 +1,7 @@
 @import '../colors';
 
 .bar-volume_icon {
-  font-size: 1.3rem;
+  font-size: 1.3em;
   color: $peach;
 }
 

scss/bar/bluetooth.scss

@@ -1,7 +1,7 @@
 @import '../colors';
 
 .bar-bt_icon {
-  font-size: 1.3rem;
+  font-size: 1.2em;
   color: $sky;
 }
 

scss/bar/media.scss

@@ -6,6 +6,6 @@
 }
 
 .bar-media_icon {
-  font-size: 1.3rem;
+  font-size: 1.2em;
   color: $green;
 }

scss/bar/systray.scss

@@ -24,3 +24,7 @@
 .systray-menu check:checked {
   background-color: $lavender;
 }
+
+.systray-icon {
+  font-size: 1.3em;
+}

scss/bar/workspace.scss

@@ -3,8 +3,8 @@
 .workspaces {
   label {
     font-size: 0rem;
-    min-width: 0.9rem;
-    min-height: 0.9rem;
+    min-width: 1rem;
+    min-height: 1rem;
     border-radius: 1.9rem * .6;
     margin: 0rem 0.5rem * .5;
     transition: 300ms * .5;
@@ -12,14 +12,14 @@
 
     &.occupied {
       background-color: $yellow;
-      min-width: 0.9rem;
-      min-height: 0.9rem;
+      min-width: 1rem;
+      min-height: 1rem;
     }
 
     &.active {
       background-color: $sky;
       min-width: 2.2rem;
-      min-height: 0.9rem;
+      min-height: 1rem;
     }
   }
 }