use event subtitle in event page headers + fix spacing on front page

web/src/components/events/EventHeader.tsx

@@ -21,7 +21,7 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
           </div>
         )}
         <h1 className={styles.title}>{event.title}</h1>
-        <p className={styles.details}>Evt. andre detaljer</p>
+        <p className={styles.details}>{event.subtitle}</p>
         {event.ticketUrl && (
           <a href={event.ticketUrl} className="button cta">
             <span>Kjøp billetter</span>

web/src/components/events/eventItem.module.scss

@@ -86,6 +86,7 @@
 
     .time {
       order: 3;
+      margin-top: var(--spacing-xs);
     }
   }
 
@@ -143,7 +144,6 @@
 
 .details {
   font-size: var(--font-size-lead);
-  margin-bottom: var(--spacing-xs);
 }
 
 .dates,