better styling

src/apps/People/PeopleCard.js

@@ -8,28 +8,23 @@ class PeopleCard extends Shadow {
         HStack(() => {
             HStack(() => { })
                 .boxSizing("border-box")
-                .height(3.5, em)
-                .width(3.5, em)
-                .padding(0.5, em)
+                .height(3, em)
+                .width(3, em)
+                .paddingHorizontal(0.5, em)
                 .border("1px solid var(--accent)")
                 .borderRadius(100, pct)
                 .background("black")
 
             VStack(() => {
-                h3(this.person.first_name + " " + this.person.last_name)
-                    .color("var(--text)")
-                    .fontSize(1.2, em)
-                    .fontWeight("bold")
+                p(this.person.first_name + " " + this.person.last_name)
+                    .color("var(--headertext)")
                     .marginVertical(0, em)
-                p("Member since " + this.convertDate(this.person.created))
             })
             .verticalAlign("center")
             .horizontalAlign("left")
-            .gap(0.5, em)
         })
         .width(100, pct)
         .boxSizing("border-box")
-        .padding(0.75, em)
         .paddingHorizontal(1.75, em)
         .gap(1, em)
     }