From 12297f28bc3723bbfa21026ebf04814ea70cec76 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Thu, 11 Jul 2019 09:12:32 +0000
Subject: [PATCH] [Trunk|Admin]: Curators edit personal info page: Change view
 to be more responsive.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-admin-portal/trunk@56485 d315682c-612b-4755-9ff5-7f18f6832af3
---
 src/app/pages/curator/curator.component.html | 16 +++++++++-------
 src/app/pages/wellcome/wellcome.component.ts |  2 +-
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/app/pages/curator/curator.component.html b/src/app/pages/curator/curator.component.html
index e3fd270..0b7bf6b 100644
--- a/src/app/pages/curator/curator.component.html
+++ b/src/app/pages/curator/curator.component.html
@@ -1,9 +1,10 @@
+<div class="uk-container uk-container-large">
 <div class="uk-padding uk-padding-remove-top uk-text-large uk-text-center uk-width">Edit Personal Info</div>
-<div class="uk-flex uk-grid-divider" uk-grid>
+<div class="uk-margin-large-bottom uk-flex uk-grid-divider" uk-grid>
   <div *ngIf="showLoading" class="uk-animation-fade uk-width-1-1" role="alert">
     <span class="loading-gif uk-align-center"></span>
   </div>
-  <table *ngIf="curatorId != null && curator != null && !showLoading" class="uk-width-1-2 uk-align-center">
+  <table *ngIf="curatorId != null && curator != null && !showLoading" class="uk-width-1-2@m uk-width-1-1@s uk-align-center">
     <tbody class="uk-table uk-align-center">
       <tr *ngIf="curator.email != null" >
         <td for="email" class="uk-text-bold uk-text-right">E-mail:</td>
@@ -28,9 +29,9 @@
       </tr>
       <tr *ngIf="photo != null">
         <td for="photo" class="uk-text-bold uk-align-right">Photo:</td>
-        <td class="uk-text-left">
-          <div class="uk-flex uk-flex-middle">
-            <div class="uk-width-1-3">
+        <td class="uk-text-center">
+          <div class="uk-flex uk-flex-center" uk-grid>
+            <div class="uk-width-1-1">
               <img class="uk-border-circle curator-photo" src="{{photo}}" alt="Curator Photo">
             </div>
             <div uk-form-custom>
@@ -82,18 +83,19 @@
       </tr>
     </tbody>
   </table>
-  <div *ngIf="curatorId != null && curator != null && !showLoading" class="uk-width-1-2">
+  <div *ngIf="curatorId != null && curator != null && !showLoading" class="uk-width-1-2@m uk-width-1-1@s">
     <affiliations [curatorAffiliations]="true" [affiliations]="curator.affiliations"
                   (affiliationsChange)="affiliationsChanged = $event"
                   (resetCuratorMessages)="resetMessages();">
     </affiliations>
   </div>
 </div>
-<div class="uk-float-right">
+<div class="uk-float-right" style="z-index: 100; bottom: 45px; position: fixed; right: 45px;">
   <button class="uk-button uk-margin-small-right" (click)="resetMessages(); resetForm()">Cancel</button>
   <button *ngIf="enabled && (hasChanged || affiliationsChanged)" class="uk-button uk-button-primary" (click)="resetMessages(); updateCurator()">Save</button>
   <button *ngIf="!enabled || (!hasChanged && !affiliationsChanged)" class="uk-button uk-button-default" disabled>Save</button>
 </div>
+</div>
 <modal-alert #removePhotoModal  (alertOutput)="removePhoto()">
   Your photo will be removed after you save your data. Are you sure you want to proceed?
 </modal-alert>
diff --git a/src/app/pages/wellcome/wellcome.component.ts b/src/app/pages/wellcome/wellcome.component.ts
index 5717f15..d0a4507 100644
--- a/src/app/pages/wellcome/wellcome.component.ts
+++ b/src/app/pages/wellcome/wellcome.component.ts
@@ -42,7 +42,7 @@ import {HelperFunctions} from '../../openaireLibrary/utils/HelperFunctions.class
                                 </span>
                               </div>
                             </div>
-                            <div class="uk-margin-top">
+                            <div class="uk-margin-medium-top">
                               <div class="uk-text-center">
                                 <p class="uk-text-small uk-text-bold uk-margin-small uk-margin-small-top community-title">
                                   <a>