From f8c3e3410619dbd295b24332db23bc507f5d8c1b Mon Sep 17 00:00:00 2001
From: xoy <felix@erstfeld.net>
Date: Sun, 29 Jan 2023 20:34:22 +0100
Subject: [PATCH] =?UTF-8?q?css=20ver=C3=A4ndert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/styles/events.css | 16 ++++++++++------
 web/styles/main.css   |  2 +-
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/web/styles/events.css b/web/styles/events.css
index f0b5760..3e8f0d0 100644
--- a/web/styles/events.css
+++ b/web/styles/events.css
@@ -1,8 +1,9 @@
 div.eventList {
     display: flex;
-    justify-content: space-between;
+    justify-content: space-around;
     width: 100%;
     padding: 10px 0 10px 0;
+    flex-wrap: wrap;
 }
 
 div.eventList a.event {
@@ -12,7 +13,7 @@ div.eventList a.event {
 }
 
 div.eventList a.event:hover {
-    text-decoration: none;
+    text-decoration: underline;
 }
 
 div.eventList a.event div.event {
@@ -21,21 +22,24 @@ div.eventList a.event div.event {
     height: 200px;
     transform: scale(1);
     transition: transform .5s;
-    padding: 5px 5px 5px 5px;
+    padding: 10px 10px 10px 10px;
     box-shadow: inset 5px 5px 0px 0px var(--logo-background-color);
     background-color: var(--nav-background-color) !important;
     border-radius: 5px;
 }
 
-div.eventList a.event div.event:hover {
+div.eventList a.event:hover div.event {
     transform: scale(.95);
     transition: transform .5s;
-    text-decoration: underline;
+}
+
+div.eventList a.event:hover div.event p.date {
+    text-decoration: none !important;
 }
 
 div.eventList a.event div.event p.date {
     text-align: right;
     padding: 0 10px 0 0;
     margin: 0;
-    text-decoration: none !important;
+    word-wrap: normal;
 }
\ No newline at end of file
diff --git a/web/styles/main.css b/web/styles/main.css
index 9811152..590d9c5 100644
--- a/web/styles/main.css
+++ b/web/styles/main.css
@@ -47,7 +47,7 @@ a.imgLink div {
     text-shadow: 2px 2px black;
 }
 
-a.imgLink div:hover {
+a.imgLink:hover div {
     font-size: 200%;
     transform: scale(.9);
     transition: font-size .5s, transform .5s;