feat: Status bar improvements

src/components/Renderer/style.module.css

@@ -198,25 +198,33 @@
     border-right: 1px solid var(--MainBgColorDark);
     margin-right: 5px;
     padding-right: 2px;
+    height: 100%;
+    display: inline-flex;
+    align-items: center;
+}
+
+.toolbarTools > .toolbarButtons {
+    display: flex;
+    flex-direction: column;
 }
 
 .toolbarStatus {
     align-self: flex-end;
-    display: inline-block;
     text-align: left;
     border-right: 1px solid var(--MainBgColorDark);
     margin-right: 5px;
     padding-right: 2px;
+    height: 100%;
+    display: inline-flex;
+    align-items: center;
     flex: 2;
 }
 
-.toolbarButtons {
-    display: flex;
-    flex-direction: column;
-}
-
 .toolbarTime {
     text-align: right;
+    height: 100%;
+    display: inline-flex;
+    align-items: center;
 }
 
 .toolbarButtons > span {

yarn.nix

@@ -25,6 +25,14 @@
         sha1 = "cc658ca319b6355399efc1f5b9e818f1a24bf999";
       };
     }
+    {
+      name = "_types_debounce___debounce_1.2.0.tgz";
+      path = fetchurl {
+        name = "_types_debounce___debounce_1.2.0.tgz";
+        url  = "https://registry.yarnpkg.com/@types/debounce/-/debounce-1.2.0.tgz";
+        sha1 = "9ee99259f41018c640b3929e1bb32c3dcecdb192";
+      };
+    }
     {
       name = "_types_glob___glob_7.1.3.tgz";
       path = fetchurl {
@@ -1265,6 +1273,14 @@
         sha1 = "596e9698fd0c80e12038c2b82d6eb1b35b6224d9";
       };
     }
+    {
+      name = "debounce___debounce_1.2.0.tgz";
+      path = fetchurl {
+        name = "debounce___debounce_1.2.0.tgz";
+        url  = "https://registry.yarnpkg.com/debounce/-/debounce-1.2.0.tgz";
+        sha1 = "44a540abc0ea9943018dc0eaa95cce87f65cd131";
+      };
+    }
     {
       name = "debug___debug_2.6.9.tgz";
       path = fetchurl {