From 8ab5878a9ca6a9724a8d874f8e12a7f585c3ce0f Mon Sep 17 00:00:00 2001
From: "sofia.baltzi" <sofia.baltzi@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Fri, 14 Dec 2018 14:10:51 +0000
Subject: [PATCH] Move error messages under input field

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@54411 d315682c-612b-4755-9ff5-7f18f6832af3
---
 src/app/utils/subscribe/invite/invite.component.html | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/app/utils/subscribe/invite/invite.component.html b/src/app/utils/subscribe/invite/invite.component.html
index 0bf45d3..a31cb5e 100644
--- a/src/app/utils/subscribe/invite/invite.component.html
+++ b/src/app/utils/subscribe/invite/invite.component.html
@@ -22,24 +22,23 @@
                                             </td>
                                         </tr> -->
                                         <tr>
-                                            <td for="from" class="uk-text-bold uk-width-1-3@xl uk-width-1-3@m uk-width-1-3@s uk-text-right">From <span class="uk-text-danger uk-text-bold">*</span> :</td>
+                                            <td for="from" class="uk-text-bold uk-width-1-4 uk-text-right">From <span class="uk-text-danger uk-text-bold">*</span> :</td>
                                             <td class="uk-text-left uk-width-expand">
-                                                <div *ngIf="!body.fromName" class="uk-width-large uk-text-danger uk-text-small uk-margin-top">Please add your name.</div>
                                                 <input  placeholder="Type your name" type="text" (click)="resetMessages()"
-                                                        class="form-control uk-input uk-width-large@l uk-width-medium@s" [(ngModel)] = "body.fromName" id="from">
+                                                        class="form-control uk-input uk-width-large@l uk-width-medium@s" [(ngModel)] = "body.fromName" id="from" required>
+                                            <div *ngIf="!body.fromName" class="uk-width-large uk-text-danger uk-text-small">Please add your name.</div>
                                             </td>
                                         </tr>
                                         <tr>
                                             <td for="recipients" class="uk-text-bold uk-text-right">To <span class="uk-text-danger uk-text-bold">*</span> :</td>
                                             <td class="uk-text-left">
-                                                <div *ngIf="recipients && !areValid" class="uk-width-large uk-text-danger uk-text-small uk-margin-top">Please add valid email/s.</div>
-                                                <div *ngIf="!recipients && showAddRecipientMessage" class="uk-width-large uk-text-danger uk-text-small uk-margin-top">Please add a recipient.</div>
                                                 <input  placeholder="email" type="text" (click)="resetMessages(); areValid=true"
                                                         class="form-control uk-input uk-width-large@l uk-width-medium@s" [(ngModel)] = "recipients" id="recipients"
                                                         required>
                                                 <div class="uk-width-medium uk-text-muted uk-text-small style=display:none">separate multiple emails with a comma</div>
+                                                <div *ngIf="recipients && !areValid" class="uk-width-large uk-text-danger uk-text-small uk-margin-top">Please add valid email/s.</div>
+                                                <div *ngIf="!recipients && showAddRecipientMessage" class="uk-width-large uk-text-danger uk-text-small">Please add a recipient.</div>
                                             </td>
-
                                         </tr>
                                 </tbody>
                         </table>