From ca16a26f5650305e708565b5049c50d0dec866f0 Mon Sep 17 00:00:00 2001
From: apapachristou <apapachristou@cite.gr>
Date: Mon, 4 Nov 2019 12:48:36 +0200
Subject: [PATCH] Fixes progress bar layer, snack bar color, listing menu panel
 width

---
 .../snack-bar/snack-bar-notification.component.html    |  2 +-
 .../snack-bar/snack-bar-notification.component.scss    |  3 +++
 .../snack-bar/snack-bar-notification.component.ts      |  3 ++-
 .../listing-item/dmp-listing-item.component.scss       |  6 +++++-
 .../app/ui/misc/navigation/navigation.component.scss   | 10 +++++-----
 dmp-frontend/src/app/ui/navbar/navbar.component.scss   |  2 +-
 6 files changed, 17 insertions(+), 9 deletions(-)
 create mode 100644 dmp-frontend/src/app/library/notification/snack-bar/snack-bar-notification.component.scss

diff --git a/dmp-frontend/src/app/library/notification/snack-bar/snack-bar-notification.component.html b/dmp-frontend/src/app/library/notification/snack-bar/snack-bar-notification.component.html
index 75af56131..29e4f7ad5 100644
--- a/dmp-frontend/src/app/library/notification/snack-bar/snack-bar-notification.component.html
+++ b/dmp-frontend/src/app/library/notification/snack-bar/snack-bar-notification.component.html
@@ -1 +1 @@
-{{message}}
+<span class="snackBar">{{message}}</span>
diff --git a/dmp-frontend/src/app/library/notification/snack-bar/snack-bar-notification.component.scss b/dmp-frontend/src/app/library/notification/snack-bar/snack-bar-notification.component.scss
new file mode 100644
index 000000000..bfbfa5beb
--- /dev/null
+++ b/dmp-frontend/src/app/library/notification/snack-bar/snack-bar-notification.component.scss
@@ -0,0 +1,3 @@
+.snackBar {
+  color: white;
+}
diff --git a/dmp-frontend/src/app/library/notification/snack-bar/snack-bar-notification.component.ts b/dmp-frontend/src/app/library/notification/snack-bar/snack-bar-notification.component.ts
index c3c4c97e6..ff8745b38 100644
--- a/dmp-frontend/src/app/library/notification/snack-bar/snack-bar-notification.component.ts
+++ b/dmp-frontend/src/app/library/notification/snack-bar/snack-bar-notification.component.ts
@@ -4,7 +4,8 @@ import { SnackBarNotification } from '../../../core/services/notification/ui-not
 
 @Component({
 	selector: 'app-snack-bar-notification',
-	templateUrl: './snack-bar-notification.component.html'
+	templateUrl: './snack-bar-notification.component.html',
+	styleUrls: ['./snack-bar-notification.component.scss']
 })
 
 export class SnackBarNotificationComponent {
diff --git a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss
index cb8fd4ab6..c7aab10fd 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss
@@ -108,5 +108,9 @@ p {
 }
 
 .role {
-	min-width: 74px;
+  min-width: 74px;
+}
+
+::ng-deep .mat-menu-panel {
+  max-width: 282px !important;
 }
diff --git a/dmp-frontend/src/app/ui/misc/navigation/navigation.component.scss b/dmp-frontend/src/app/ui/misc/navigation/navigation.component.scss
index 49e0c7cb1..7f40541f5 100644
--- a/dmp-frontend/src/app/ui/misc/navigation/navigation.component.scss
+++ b/dmp-frontend/src/app/ui/misc/navigation/navigation.component.scss
@@ -21,7 +21,7 @@
 			margin-right: 30px;
 			margin-left: 20px;
 		}
-		
+
 	}
 
 	.progress-bar {
@@ -29,9 +29,9 @@
 		left: 0;
 		position: fixed;
 		width: 100%;
-		z-index: 1;
+		z-index: 4;
 	}
-	
+
 }
 .two-line-mat-option {
 	height: 3.5em;
@@ -39,5 +39,5 @@
 }
 .buttonNav:hover {
 	color: aliceblue;
-	
-   }
\ No newline at end of file
+
+   }
diff --git a/dmp-frontend/src/app/ui/navbar/navbar.component.scss b/dmp-frontend/src/app/ui/navbar/navbar.component.scss
index 470186953..72ab45098 100644
--- a/dmp-frontend/src/app/ui/navbar/navbar.component.scss
+++ b/dmp-frontend/src/app/ui/navbar/navbar.component.scss
@@ -12,7 +12,7 @@ $mat-card-header-size: 40px !default;
 	left: 0;
 	width: 100%;
 	position: fixed;
-	z-index: 1;
+	z-index: 4;
 }
 
 .fixed-navbar {