better styling

src/apps/Jobs/Jobs.js

@@ -39,18 +39,7 @@ class Jobs extends Shadow {
 
     render() {
         VStack(() => {
-            HStack(() => {
-                img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
-
-                h1("Jobs")
-                    .color("var(--darkaccent)")
-                    .textAlign("center")
-                    .fontFamily("Arial")
-            })
-            .verticalAlign("center")
-            .horizontalAlign("center")
-            .gap(0.5, em)
-            .marginTop(0.5, em)
+            TopBar()
 
             // JobForm()
 
@@ -65,7 +54,7 @@ class Jobs extends Shadow {
                     }
                 } else {
                     h2("No Jobs")
-                        .color("var(--text)")
+                        .color("var(--divider)")
                         .fontWeight("bold")
                         .marginTop(7.5, em)
                         .marginBottom(0.5, em)