From f5de71d0ad0bfe4d5db26d6f6c271d74b064c745 Mon Sep 17 00:00:00 2001
From: George Kalampokis <gkalampokis@cite.gr>
Date: Thu, 30 Jan 2020 12:51:01 +0200
Subject: [PATCH] Improve the styling of related DPMs on user profile

---
 .../src/app/ui/user-profile/user-profile.component.html      | 5 ++---
 .../src/app/ui/user-profile/user-profile.component.scss      | 4 ++++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/dmp-frontend/src/app/ui/user-profile/user-profile.component.html b/dmp-frontend/src/app/ui/user-profile/user-profile.component.html
index 66b164950..2a61dc7f6 100644
--- a/dmp-frontend/src/app/ui/user-profile/user-profile.component.html
+++ b/dmp-frontend/src/app/ui/user-profile/user-profile.component.html
@@ -32,9 +32,8 @@
 						</div>
 						<div>
 							<mat-list>
-								<mat-list-item (click)="navigateToDmp(dmp)"
-									*ngFor="let dmp of userProfile.associatedDmps">
-									<div class="clickable">
+								<mat-list-item *ngFor="let dmp of userProfile.associatedDmps">
+									<div class="clickable" (click)="navigateToDmp(dmp)">
 										{{dmp.label}}
 									</div>
 									<div class="ml-2">
diff --git a/dmp-frontend/src/app/ui/user-profile/user-profile.component.scss b/dmp-frontend/src/app/ui/user-profile/user-profile.component.scss
index 8c566320d..36426b892 100644
--- a/dmp-frontend/src/app/ui/user-profile/user-profile.component.scss
+++ b/dmp-frontend/src/app/ui/user-profile/user-profile.component.scss
@@ -1,6 +1,10 @@
 .clickable{
   cursor: pointer;
 }
+.clickable:hover {
+	//text-decoration: underline; //Alternative
+	color: #00b29f !important;
+}
 // .two-line-mat-option {
 // 	height: 3.5em;
 // 	line-height: 1.2em;