From 9e6d4fe054c8f07164efc5c7541fcfbbc15a7afc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thea=20Sch=C3=B6bl?= <dev@theaninova.de>
Date: Fri, 6 Oct 2023 17:56:28 +0200
Subject: [PATCH] fix: week overview button broken on webkit

---
 .../app/modules/dashboard/dashboard.component.scss  | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/app/src/app/modules/dashboard/dashboard.component.scss b/frontend/app/src/app/modules/dashboard/dashboard.component.scss
index be6e9b69..93348a1b 100644
--- a/frontend/app/src/app/modules/dashboard/dashboard.component.scss
+++ b/frontend/app/src/app/modules/dashboard/dashboard.component.scss
@@ -87,7 +87,8 @@ ion-content {
     flex-direction: column;
 
     height: auto;
-    padding: var(--spacing-lg);
+    min-height: 80px;
+    padding: var(--spacing-sm);
 
     color: var(--ion-color-primary-contrast);
     text-decoration: none;
@@ -104,11 +105,9 @@ ion-content {
     flex: 0 0 auto;
     gap: var(--spacing-sm);
     align-items: center;
-    justify-content: space-around;
+    justify-content: center;
 
-    box-sizing: content-box;
-    aspect-ratio: 1;
-    max-height: 60px;
+    height: 100%;
 
     text-align: center;
 
@@ -135,8 +134,12 @@ ion-content {
     }
 
     z-index: 1;
+
     flex: 1 1 65%;
     justify-content: center;
+
+    padding-inline: var(--spacing-lg);
+
     background: var(--linear-gradient);
 
     ion-label {