improve styling, fix bottom bar underline bug

src/apps/Jobs/Jobs.js

@@ -31,22 +31,24 @@ class Jobs extends Shadow {
 
     render() {
         VStack(() => {
-            h1("Jobs")
-                .color("var(--quillred)")
-                .textAlign("center")
-                .marginBottom(0.25, em)
-            h3(global.currentNetwork.name)
-                .color("var(--quillred)")
-                .textAlign("center")
-                .margin(0)
-                .fontFamily("Bona")
+            HStack(() => {
+                img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
+
+                h1("Jobs")
+                    .color("var(--accentdark)")
+                    .textAlign("center")
+                    .fontFamily("Arial")
+            })
+            .verticalAlign("center")
+            .gap(0.5, em)
+            .marginTop(0.5, em)
 
             // JobForm()
 
             SearchBar()
 
             VStack(() => {
-                if (this.jobs == "" || this.jobs == []) {
+                if (!this.jobs || this.jobs == []) {
                     LoadingCircle()
                 } else if (this.jobs.length > 0) {
                     for (let i = 0; i < this.jobs.length; i++) {
@@ -64,6 +66,7 @@ class Jobs extends Shadow {
             })
             .overflowY("scroll")
         })
+        .horizontalAlign("center")
         .boxSizing("border-box")
         .paddingVertical(1, em)
         .height(100, pct)
@@ -83,6 +86,7 @@ class Jobs extends Shadow {
     }
     
     checkForUpdates(currentJobs, fetchedJobs) {
+        console.log(currentJobs, fetchedJobs)
         if (currentJobs.length !== fetchedJobs.length) return true;
     
         const currentMap = new Map(currentJobs.map(job => [job.id, job]));