From 18fcb7c752a5a057254c348d139c1b5f8093af92 Mon Sep 17 00:00:00 2001
From: elise <hei@elisejakob.no>
Date: Sat, 10 Aug 2024 17:22:32 +0200
Subject: [PATCH] fix upcoming event blocks (at least temporarily)

---
 web/src/components/events/EventItem.tsx            |  4 ++--
 web/src/components/events/eventItem.module.scss    | 14 ++++++--------
 .../components/events/upcomingEvents.module.scss   |  4 ----
 3 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/web/src/components/events/EventItem.tsx b/web/src/components/events/EventItem.tsx
index a232705..5d3ca16 100644
--- a/web/src/components/events/EventItem.tsx
+++ b/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}>
diff --git a/web/src/components/events/eventItem.module.scss b/web/src/components/events/eventItem.module.scss
index 426d6c2..8ffed7d 100644
--- a/web/src/components/events/eventItem.module.scss
+++ b/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;
-    }
-
-    .day, .dates {
-      font-size: var(--font-size-caption);
+      font-size: var(--font-size-body);
+      line-height: 1.2;
     }
 
     .text {
-      align-self: start;
       &:before {
         display: none;
       }
diff --git a/web/src/components/events/upcomingEvents.module.scss b/web/src/components/events/upcomingEvents.module.scss
index 1f84322..db9efac 100644
--- a/web/src/components/events/upcomingEvents.module.scss
+++ b/web/src/components/events/upcomingEvents.module.scss
@@ -40,8 +40,4 @@
   ul {
     display: flex;
   }
-
-  li {
-    padding-right: var(--spacing-s);
-  }
 }
\ No newline at end of file