From 023c0dd7b64a2a2681465aae8802336e906f4e21 Mon Sep 17 00:00:00 2001
From: Sofia Papacharalampous <spapacharalampous@cite.gr>
Date: Fri, 5 Apr 2024 11:33:49 +0300
Subject: [PATCH] styling fixes on language and tenant menu

---
 dmp-frontend/src/app/ui/navbar/navbar.component.html | 10 +++++-----
 dmp-frontend/src/app/ui/navbar/navbar.component.scss | 10 ++++++++--
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/dmp-frontend/src/app/ui/navbar/navbar.component.html b/dmp-frontend/src/app/ui/navbar/navbar.component.html
index b219200f2..08d4428b9 100644
--- a/dmp-frontend/src/app/ui/navbar/navbar.component.html
+++ b/dmp-frontend/src/app/ui/navbar/navbar.component.html
@@ -28,7 +28,7 @@
 						<mat-icon class="mr-2">language</mat-icon><span class="text-uppercase">{{selectedLanguage}}</span>
 						<mat-icon>arrow_drop_down</mat-icon>
 					</button>
-					<mat-menu #languageMenu="matMenu" class="lang-parent">
+					<mat-menu #languageMenu="matMenu" class="nav-mat-menu">
 						<app-language (languageChange)="getLanguage($event)" class="d-lg-block d-none"></app-language>
 					</mat-menu>
 				</div>
@@ -37,12 +37,12 @@
 						<mat-icon class="m-0 material-symbols-outlined">tenancy</mat-icon>
 						<mat-icon class="m-0">arrow_drop_down</mat-icon>
 					</button>
-					<mat-menu #tenantMenu="matMenu" class="lang-parent">
+					<mat-menu #tenantMenu="matMenu" class="nav-mat-menu">
 						<app-tenant-switch class="d-lg-block d-none"></app-tenant-switch>
 					</mat-menu>	
 				</div>
 				<div class="col-auto" *ngIf="isAuthenticated() && authentication.hasPermission(authentication.permissionEnum.ViewMineInAppNotificationPage)">
-					<mat-menu #languageMenu="matMenu" class="lang-parent">
+					<mat-menu #languageMenu="matMenu" class="nav-mat-menu">
 						<app-language (languageChange)="getLanguage($event)"></app-language>
 					</mat-menu>
 					<button class="col-auto" mat-icon-button matTooltip="{{'NAV-BAR.INAPP-NOTIFICATIONS' | translate}}" (click)="toggleInAppNotifications()">
@@ -87,7 +87,7 @@
 								<mat-icon class="mr-2">language</mat-icon><span class="text-uppercase">{{selectedLanguage}}</span>
 								<mat-icon>arrow_drop_down</mat-icon>
 							</button>
-							<mat-menu #languageMenu="matMenu" class="lang-parent">
+							<mat-menu #languageMenu="matMenu" class="nav-mat-menu">
 								<app-language (languageChange)="getLanguage($event)"></app-language>
 							</mat-menu>
 							<ng-container *ngIf="isAuthenticated()">
@@ -95,7 +95,7 @@
 									<mat-icon class="m-0 material-symbols-outlined">tenancy</mat-icon>
 									<mat-icon class="m-0">arrow_drop_down</mat-icon>
 								</button>
-								<mat-menu #tenantMenu="matMenu" class="lang-parent">
+								<mat-menu #tenantMenu="matMenu" class="nav-mat-menu">
 									<app-tenant-switch></app-tenant-switch>
 								</mat-menu>	
 							</ng-container>
diff --git a/dmp-frontend/src/app/ui/navbar/navbar.component.scss b/dmp-frontend/src/app/ui/navbar/navbar.component.scss
index 4c985ee3f..c2e3067e0 100644
--- a/dmp-frontend/src/app/ui/navbar/navbar.component.scss
+++ b/dmp-frontend/src/app/ui/navbar/navbar.component.scss
@@ -93,7 +93,7 @@ $mat-card-header-size: 40px !default;
   transform: rotate(45deg) translate(-4px, -4px);
 }
 
-::ng-deep.lang-parent {
+::ng-deep.nav-mat-menu {
   width: fit-content !important;
   min-width: auto !important;
 }
@@ -150,4 +150,10 @@ $mat-card-header-size: 40px !default;
   padding-top: 1em !important;
   padding-bottom: 1em !important;
   height: auto !important;
-}
\ No newline at end of file
+}
+
+::ng-deep .nav-mat-menu {
+  .mat-mdc-menu-content {
+    padding: 0 !important;
+  }
+}