Styled Jobs and Events like Figma mockups

- Modified some darkmode css values to match those on the figma
- Fixed misnamed calls to var(--darkaccent) from var(--accentdark)
- Commented out trash/delete button on EventCard and JobCard for now
- Hid scrollbar on Events/Jobs
- Fixed mis-centered People list
- Fixed colors in searchbar in events/jobs

src/apps/Events/EventCard.js

@@ -1,6 +1,13 @@
 import util from "../../util"
 import server from "../../_/code/bridge/serverFunctions.js"
 
+css(`
+    eventcard- p {
+        font-size: 0.85em;
+        color: var(--darktext);
+    }
+`)
+
 class EventCard extends Shadow {
     constructor(event) {
         super()
@@ -11,44 +18,37 @@ class EventCard extends Shadow {
         VStack(() => {
             HStack(() => {
                 h3(this.event.title)
-                    .color("var(--brown)")
-                    .fontSize(1.2, em)
-                    .fontWeight("bold")
-                    .marginVertical(0, em)
+                    .color("var(--text)")
+                    .fontSize(1.3, em)
+                    .fontWeight("normal")
+                    .margin(0, em)
             
-                if (this.event.creator_id === global.profile.id) {
-                    img(util.cssVariable("trash-src"), "1.5em")
-                        .marginRight(0.5, em)
-                        .onTap(() => {
-                            this.deleteEvent(this.event)
-                        })
-                }
+                    // Delete button
+                // if (this.event.creator_id === global.profile.id) {
+                //     img(util.cssVariable("trash-src"), "1.5em")
+                //         .marginRight(0.5, em)
+                //         .onTap(() => {
+                //             this.deleteEvent(this.event)
+                //         })
+                // }
             })
             .justifyContent("space-between")
             .verticalAlign("center")
 
-            HStack(() => {
-                img(util.cssVariable("pin-src"), "1.3em")
-                p(this.event.location)
-            })
-            .gap(0.3, em)
-            .verticalAlign("center")
-
-            HStack(() => {
-                img(util.cssVariable("time-src"), "1.2em")
-                p(this.convertDate(this.event.time_start))
-            })
-            .gap(0.4, em)
-            .verticalAlign("center")
-
-            p("<b>Description: </b>" + " " + this.event.description)
+            p(this.event.location)
+            .marginTop(0.75, em)
+            p(this.convertDate(this.event.time_start))
+            .marginTop(0.25, em)
+            p(this.event.description)
+            .marginTop(0.75, em)
         })
-        .maxHeight(12.5, em)
-        .padding(0.75, em)
-        .gap(0, em)
-        .borderBottom("1px solid var(--divider)")
-        .verticalAlign("center")
-        .gap(0.5, em)
+        .paddingVertical(1.5, em)
+        .paddingHorizontal(3.5, em)
+        .marginHorizontal(1, em)
+        .borderRadius(10, px)
+        .background("var(--darkaccent)")
+        .border("1px solid var(--accent)")
+        .boxSizing("border-box")
     }
 
     async deleteEvent(event) {