From 3a8d426d22f169d812b249d1888829cffbad72c1 Mon Sep 17 00:00:00 2001
From: apapachristou <apapachristou@cite.gr>
Date: Fri, 6 Nov 2020 14:21:14 +0200
Subject: [PATCH] Adds hover on all close buttons

---
 .../clone/clone-dialog/clone-dialog.component.scss    | 11 +++++++----
 .../dmp-to-dataset-dialog.component.scss              |  9 +++++++++
 .../invitation/dmp-invitation-dialog.component.scss   |  9 +++++++++
 .../start-new-dataset-dialog.component.scss           |  9 +++++++++
 .../start-new-dmp-dialog.component.scss               |  9 +++++++++
 5 files changed, 43 insertions(+), 4 deletions(-)

diff --git a/dmp-frontend/src/app/ui/dmp/clone/clone-dialog/clone-dialog.component.scss b/dmp-frontend/src/app/ui/dmp/clone/clone-dialog/clone-dialog.component.scss
index fb8628c18..c91ee2322 100644
--- a/dmp-frontend/src/app/ui/dmp/clone/clone-dialog/clone-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/clone/clone-dialog/clone-dialog.component.scss
@@ -22,12 +22,15 @@
 	.close-icon {
 		cursor: pointer;
 		margin-right: 20px;
+		padding: .4rem;
+		width: auto !important;
+		height: auto !important;
 	}
 
-	// .close-icon:hover {
-	// 	background-color: #ECECED !important;
-	// 	border-radius: 50%;
-	// }
+	.close-icon:hover {
+		background-color: #ECECED !important;
+		border-radius: 50%;
+	}
 
 	.cancel-btn {
 		width: 101px;
diff --git a/dmp-frontend/src/app/ui/dmp/dmp-to-dataset/dmp-to-dataset-dialog.component.scss b/dmp-frontend/src/app/ui/dmp/dmp-to-dataset/dmp-to-dataset-dialog.component.scss
index 14d8d225d..1d5db8b55 100644
--- a/dmp-frontend/src/app/ui/dmp/dmp-to-dataset/dmp-to-dataset-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/dmp-to-dataset/dmp-to-dataset-dialog.component.scss
@@ -3,6 +3,15 @@
 
 .close-icon {
 	cursor: pointer;
+	margin-right: 20px;
+	padding: .4rem;
+	width: auto !important;
+	height: auto !important;
+}
+
+.close-icon:hover {
+	background-color: #ECECED !important;
+	border-radius: 50%;
 }
 
 .title {
diff --git a/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.scss b/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.scss
index c1fef8cbc..30e3772d8 100644
--- a/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.scss
@@ -6,6 +6,15 @@
 
 .close-icon {
 	cursor: pointer;
+	// margin-right: 20px;
+	padding: .4rem;
+	width: auto !important;
+	height: auto !important;
+}
+
+.close-icon:hover {
+	background-color: #ECECED !important;
+	border-radius: 50%;
 }
 
 .title {
diff --git a/dmp-frontend/src/app/ui/dmp/start-new-dataset-dialogue/start-new-dataset-dialog.component.scss b/dmp-frontend/src/app/ui/dmp/start-new-dataset-dialogue/start-new-dataset-dialog.component.scss
index 6eff0e1c6..0f1479b22 100644
--- a/dmp-frontend/src/app/ui/dmp/start-new-dataset-dialogue/start-new-dataset-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/start-new-dataset-dialogue/start-new-dataset-dialog.component.scss
@@ -14,6 +14,15 @@
 
 .close-icon {
 	cursor: pointer;
+	// margin-right: 20px;
+	padding: .4rem;
+	width: auto !important;
+	height: auto !important;
+}
+
+.close-icon:hover {
+	background-color: #ECECED !important;
+	border-radius: 50%;
 }
 
 .content {
diff --git a/dmp-frontend/src/app/ui/dmp/start-new-dmp-dialogue/start-new-dmp-dialog.component.scss b/dmp-frontend/src/app/ui/dmp/start-new-dmp-dialogue/start-new-dmp-dialog.component.scss
index bd6a3b0bf..d59032e36 100644
--- a/dmp-frontend/src/app/ui/dmp/start-new-dmp-dialogue/start-new-dmp-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/start-new-dmp-dialogue/start-new-dmp-dialog.component.scss
@@ -14,6 +14,15 @@
 
 .close-icon {
 	cursor: pointer;
+	// margin-right: 20px;
+	padding: .4rem;
+	width: auto !important;
+	height: auto !important;
+}
+
+.close-icon:hover {
+	background-color: #ECECED !important;
+	border-radius: 50%;
 }
 
 .content {