From be8d60968da6882ffb94370aaaa25428cbf7b55e Mon Sep 17 00:00:00 2001
From: Thomas <4159106+dtslvr@users.noreply.github.com>
Date: Sat, 24 Jul 2021 13:04:37 +0200
Subject: [PATCH] Feature/improve active menu button style (#227)

* Improve text decoration style

* Update changelog
---
 CHANGELOG.md                                                | 6 ++++++
 apps/client/src/app/components/header/header.component.scss | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e9b8dd9ed..ca08bea38 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Changed
+
+- Improved the style of the active page in the navigation on desktop
+
 ## 1.27.0 - 18.07.2021
 
 ### Changed
diff --git a/apps/client/src/app/components/header/header.component.scss b/apps/client/src/app/components/header/header.component.scss
index 2889ef5e5..affcc868a 100644
--- a/apps/client/src/app/components/header/header.component.scss
+++ b/apps/client/src/app/components/header/header.component.scss
@@ -14,6 +14,8 @@
     .mat-flat-button {
       &:not(.mat-primary) {
         background-color: transparent;
+        text-decoration-color: rgba(var(--palette-primary-500), 1) !important;
+        text-underline-offset: 0.25rem;
       }
 
       ion-icon {