From e5b1ca595e80b8965b825bc7a6aa51e71ab67c4f Mon Sep 17 00:00:00 2001
From: George Kalampokis <gkalampokis@cite.gr>
Date: Tue, 18 Feb 2020 13:34:17 +0200
Subject: [PATCH] improved language menu styling

---
 dmp-frontend/src/app/ui/navbar/navbar.component.html | 2 +-
 dmp-frontend/src/app/ui/navbar/navbar.component.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/dmp-frontend/src/app/ui/navbar/navbar.component.html b/dmp-frontend/src/app/ui/navbar/navbar.component.html
index de9b6212b..5aa660932 100644
--- a/dmp-frontend/src/app/ui/navbar/navbar.component.html
+++ b/dmp-frontend/src/app/ui/navbar/navbar.component.html
@@ -40,7 +40,7 @@
 				<button mat-icon-button [matMenuTriggerFor]="languageMenu" [matTooltip]="this.getCurrentLanguage().label | translate">
 					<mat-icon>language</mat-icon>
 				</button>
-				<mat-menu #languageMenu="matMenu">
+				<mat-menu #languageMenu="matMenu" class="lang-parent">
 						<mat-button-toggle-group class="lang-menu" vertical (change)="onLanguageSelected($event)" [value]="this.getCurrentLanguage().value">
 							<div *ngFor="let lang of languages">
 								<mat-button-toggle class="lang-button" [value]="lang.value">{{lang.label | translate}}</mat-button-toggle>
diff --git a/dmp-frontend/src/app/ui/navbar/navbar.component.scss b/dmp-frontend/src/app/ui/navbar/navbar.component.scss
index 9fb9eef3f..552850e6a 100644
--- a/dmp-frontend/src/app/ui/navbar/navbar.component.scss
+++ b/dmp-frontend/src/app/ui/navbar/navbar.component.scss
@@ -21,6 +21,11 @@ $mat-card-header-size: 40px !default;
 	height: 70px;
 }
 
+::ng-deep.lang-parent {
+	width: fit-content !important;
+	min-width: auto !important;
+}
+
 ::ng-deep.lang-menu {
 	border-color: transparent;
 	padding: 8px;