Feature/increase tab height on mobile (#2712)

* Increase tab height on mobile * Update changelog
2023-12-04 19:53:50 +01:00 · 2023-12-04 19:53:50 +01:00 · cbea8ac9d3
commit cbea8ac9d3
parent d4c939e41d
2 changed files with 7 additions and 0 deletions
--- 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
--- 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;