improve styling, fix bottom bar underline bug

src/apps/People/People.js

@@ -28,16 +28,17 @@ class People extends Shadow {
 
     render() {
         VStack(() => {
-            h1("People")
-                .color("rgb(158 136 105)")
-                .textAlign("center")
-                .marginBottom(0.25, em)
-            h3(global.currentNetwork.name)
-                .color("var(--quillred)")
-                .textAlign("center")
-                .margin(0)
-                .marginBottom(0.5, em)
-                .fontFamily("Bona")
+            HStack(() => {
+                img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
+
+                h1("People")
+                    .color("var(--accentdark)")
+                    .textAlign("center")
+                    .fontFamily("Arial")
+            })
+            .verticalAlign("center")
+            .gap(0.5, em)
+            .marginTop(0.5, em)
 
             if (this.people == "") {
                 LoadingCircle()
@@ -57,6 +58,7 @@ class People extends Shadow {
                     .color("var(--darkbrown)")
             }
         })
+        .horizontalAlign("center")
         .position("relative")
         .boxSizing("border-box")
         .paddingVertical(1, em)