From cbea8ac9d3d8958d4559af5d23f302d79e7cb9bd Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Mon, 4 Dec 2023 19:53:50 +0100
Subject: [PATCH] Feature/increase tab height on mobile (#2712)

* Increase tab height on mobile

* Update changelog
---
 CHANGELOG.md                | 1 +
 apps/client/src/styles.scss | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 28910d5fe..ff17bac3a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Increased the height of the tabs on mobile
 - Improved the language localization for German (`de`)
 
 ## 2.28.0 - 2023-12-02
diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss
index 7085effc5..fbcc5e73f 100644
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@@ -539,6 +539,12 @@ ngx-skeleton-loader {
       --mdc-tab-indicator-active-indicator-color: transparent;
     }
 
+    @media (max-width: 575.98px) {
+      .mat-mdc-tab-link {
+        --mdc-secondary-navigation-tab-container-height: 3rem;
+      }
+    }
+
     @media (min-width: 576px) {
       flex-direction: row-reverse;