fix upcoming event blocks (at least temporarily)

web/src/components/events/EventItem.tsx

@@ -56,7 +56,7 @@ export const EventItem = ({
           "occurrence" in event &&
           event.occurrence?.start && (
             <p className={styles.day}>
-              {formatDate(event.occurrence?.start, "eeee dd.MM.")}
+              {formatDate(event.occurrence?.start, "eeee dd.MM.")} {formatDate(event.occurrence?.start, "'kl.' HH:mm")}
             </p>
           )}
         <h1 className={styles.title}>{event.title}</h1>
@@ -76,7 +76,7 @@ export const EventItem = ({
               )}
             </div>
           )}
-          {(mode === "calendar" || mode === "singular-time-only") &&
+          {(mode === "calendar") &&
             "occurrence" in event &&
             event.occurrence?.start && (
               <p className={styles.dates}>

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

@@ -40,29 +40,27 @@
       width: var(--size-image-width);
     }
 
+    .day,
     .dates,
     .title {
-      font-size: var(--font-size-body);
+      font-size: var(--font-size-caption);
+      line-height: 1.3;
     }
 
     .day {
+      opacity: 0.8;
       &:first-letter {
         text-transform: uppercase;
       }
-      font-family: var(--font-serif);
-      font-size: var(--font-size-body);
     }
 
     .title {
       margin: .2em 0;
-    }
+      font-size: var(--font-size-body);
-
+      line-height: 1.2;
-    .day, .dates {
-      font-size: var(--font-size-caption);
     }
 
     .text {
-      align-self: start;
       &:before {
         display: none;
       }

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

@@ -40,8 +40,4 @@
   ul {
     display: flex;
   }
-
-  li {
-    padding-right: var(--spacing-s);
-  }
 }