mess around with footer + misc adjustments on event header and venue item

web/src/components/venues/VenueItem.tsx

@@ -22,13 +22,11 @@ export const VenueItem = ({ venue }: { venue: VenueFragment }) => {
       <div className={styles.text}>
         <h1 className={styles.title}>{venue.title}</h1>
         <div className={styles.details}>
-          Egner seg for:
-          <br />
-          <span className={styles.people}>50—115 personer</span>
-          <br />
-          <span className={styles.uses}>
-            Konsert, foredrag, fest, debatt, teater, filmvisning
-          </span>
+          <strong>Passer for:</strong>
+          <ul>
+            <li>50—115 personer</li>
+            <li>Konsert, foredrag, fest, debatt, teater, filmvisning</li>
+          </ul>
         </div>
       </div>
       <Link href={`/lokaler/${venue.slug}`} className="hiddenLink">

web/src/components/venues/venueItem.module.scss

@@ -22,11 +22,22 @@
   padding: .8rem 0;
 }
 
-.title,
-.details {
+.title {
   font-size: 1.6rem;
 }
 
 .details {
   font-family: var(--font-serif);
+  font-size: var(--font-size-caption);
+  border-top: var(--border);
+  margin-top: var(--spacing-xs);
+  padding-top: .4rem;
+
+  strong {
+    font-family: var(--font-main);
+  }
+
+  ul {
+    margin: .2rem 0 0 .7rem;
+  }
 }