From df14da291a74375d040040111016c94291af6f58 Mon Sep 17 00:00:00 2001 From: xoy 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;