From 59757d16a77461d38a37ce39570c9f9f356479fe Mon Sep 17 00:00:00 2001
From: elise <hei@elisejakob.no>
Date: Sun, 4 Aug 2024 18:13:24 +0200
Subject: [PATCH] fix overlay on upcoming events

---
 .../events/upcomingEvents.module.scss         | 33 +++++++++++--------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/web/src/components/events/upcomingEvents.module.scss b/web/src/components/events/upcomingEvents.module.scss
index 30b29c2..ca5f364 100644
--- a/web/src/components/events/upcomingEvents.module.scss
+++ b/web/src/components/events/upcomingEvents.module.scss
@@ -6,9 +6,27 @@
   position: relative;
   overflow-x: hidden;
 
+  header {
+    position: relative;
+    z-index: 10;
+  }
+
   h2 {
     margin-bottom: var(--spacing-xs);
   }
+
+  &:after {
+    content: "";
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    width: 40%;
+    height: 100%;
+    z-index: 1;
+    background: linear-gradient(90deg, transparent, var(--color-deepBrick));
+    pointer-events: none;
+  }
 }
 
 .eventList {
@@ -17,22 +35,9 @@
   list-style: none;
   display: flex;
   width: calc(var(--size-item-width) * 10);
+  position: relative;
 
   li {
     padding-right: var(--spacing-s);
   }
-}
-
-.calendarLink {
-  padding: var(--spacing-s) var(--spacing-sitepadding-inline);
-  text-align: right;
-  font-family: var(--font-serif);
-  font-style: italic;
-  font-size: var(--font-size-lead);
-  position: absolute;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  width: 40%;
-  background: linear-gradient(90deg, transparent, var(--color-deepBrick));
 }
\ No newline at end of file