From 67e0dbcb7cce26525a6fa82ecbd10fc66212cfc9 Mon Sep 17 00:00:00 2001
From: apapachristou <apapachristou@cite.gr>
Date: Wed, 29 May 2019 13:19:16 +0300
Subject: [PATCH] Fixed bug on input fields icons

---
 .../general-tab/general-tab.component.html    |  4 +-
 .../general-tab/general-tab.component.scss    | 39 ++++++++++++-------
 2 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/dmp-frontend/src/app/ui/dmp/editor/general-tab/general-tab.component.html b/dmp-frontend/src/app/ui/dmp/editor/general-tab/general-tab.component.html
index 1d7ef26a7..bc7970ef5 100644
--- a/dmp-frontend/src/app/ui/dmp/editor/general-tab/general-tab.component.html
+++ b/dmp-frontend/src/app/ui/dmp/editor/general-tab/general-tab.component.html
@@ -32,7 +32,7 @@
 						{{formGroup.get('profiles').getError('backendError').message}}</mat-error>
 					<mat-error *ngIf="formGroup.get('profiles').hasError('required')">
 						{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
-					<button matSuffix mat-icon-button type="button" [disabled]="formGroup.get('profiles').disabled"
+					<button matSuffix class="input-btn" [disabled]="formGroup.get('profiles').disabled"
 						(click)="availableProfiles()">
 						<mat-icon class="icon-btn">view_list</mat-icon>
 					</button>
@@ -61,7 +61,7 @@
 						{{formGroup.get('researchers').getError('backendError').message}}</mat-error>
 					<mat-error *ngIf="formGroup.get('researchers').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' |
 												translate}}</mat-error>
-					<button matSuffix mat-icon-button [disabled]="formGroup.get('researchers').disabled" type="button"
+					<button matSuffix class="input-btn" [disabled]="formGroup.get('researchers').disabled" type="button"
 						(click)="addResearcher()">
 						<mat-icon class="icon-btn">add_circle</mat-icon>
 					</button>
diff --git a/dmp-frontend/src/app/ui/dmp/editor/general-tab/general-tab.component.scss b/dmp-frontend/src/app/ui/dmp/editor/general-tab/general-tab.component.scss
index a1b8185f8..a75abec9f 100644
--- a/dmp-frontend/src/app/ui/dmp/editor/general-tab/general-tab.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/editor/general-tab/general-tab.component.scss
@@ -1,24 +1,35 @@
-.icon-btn {
-  font-size: 22px !important;
+.input-btn {
+  border: none;
   color: #aaaaaa;
+  background-color: #ffffff00;
+  cursor: pointer;
 }
 
-.mat-icon-button :hover {
-  color: #4687f0 !important;
+.input-btn :hover {
+	color: #4687f0 !important;
 }
 
+// .icon-btn {
+//   font-size: 22px !important;
+//   color: #aaaaaa;
+// }
+
+// .mat-icon-button :hover {
+//   color: #4687f0 !important;
+// }
+
 .version-menu {
-	display: flex;
-	flex-wrap: nowrap;
-	flex-direction: column;
-	background-color: rgba(250, 250, 250, 1);
-	border: 1px solid #ececec;
-	padding-top: 1em;
-	margin-top: 2em;
-	margin-right: 2em;
-	font-size: 12px;
+  display: flex;
+  flex-wrap: nowrap;
+  flex-direction: column;
+  background-color: rgba(250, 250, 250, 1);
+  border: 1px solid #ececec;
+  padding-top: 1em;
+  margin-top: 2em;
+  margin-right: 2em;
+  font-size: 12px;
 }
 
 .version-menu mat-icon {
-	color: #4687f0;
+  color: #4687f0;
 }