From 9d91c8419d2470eea0a60bb65fc314e8cec3e65a Mon Sep 17 00:00:00 2001
From: apapachristou <apapachristou@cite.gr>
Date: Wed, 5 Jun 2019 11:11:15 +0300
Subject: [PATCH] Aligns fields on user profile

---
 .../ui/user-profile/user-profile.component.html  |  4 ++--
 .../ui/user-profile/user-profile.component.scss  | 16 ++++++++++------
 2 files changed, 12 insertions(+), 8 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 651eb0677..057c922a6 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
@@ -37,7 +37,7 @@
 									<div>
 										{{dmp.label}}
 									</div>
-									<div>
+									<div class="ml-2">
 										<mat-chip-list>
 											<mat-chip>{{getUserRole(dmp)}}</mat-chip>
 										</mat-chip-list>
@@ -54,7 +54,7 @@
 				<mat-card-header>
 					<mat-card-title>
 						<div class="row">
-							<h4 class="col-auto">{{ 'USER-PROFILE.SETTINGS.TITLE' | translate}}</h4>
+							<h4 class="settings col-auto">{{ 'USER-PROFILE.SETTINGS.TITLE' | translate}}</h4>
 							<button class="col-auto" *ngIf="!editMode" mat-icon-button (click)="unlock()">
 								<mat-icon class="mat-24">edit</mat-icon>
 							</button>
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 88b6ec3e2..70be43784 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
@@ -9,11 +9,15 @@
 //   width: 100%
 // }
 .user-profile {
-	.profile-card-center-row {
-		justify-content: center;
-	}
+  .profile-card-center-row {
+    justify-content: center;
+  }
 
-	.profile-card {
-		margin-bottom: 1em;
-	}
+  .profile-card {
+    margin-bottom: 1em;
+  }
+}
+
+.settings {
+  line-height: 2.4em !important;
 }