From 419330e572f807e5e5587b563e877cbb22fcdab5 Mon Sep 17 00:00:00 2001
From: "tiago.kayaya" <tiago.kayaya@equilibrium.co.ao>
Date: Wed, 9 Jun 2021 00:20:44 +0100
Subject: [PATCH] save

---
 src/app/pages/login/login.page.html | 16 +++++--
 src/app/pages/login/login.page.scss | 69 ++++++++++++++++++-----------
 2 files changed, 57 insertions(+), 28 deletions(-)

diff --git a/src/app/pages/login/login.page.html b/src/app/pages/login/login.page.html
index 4404c99a1..608058aa6 100644
--- a/src/app/pages/login/login.page.html
+++ b/src/app/pages/login/login.page.html
@@ -1,4 +1,5 @@
 <ion-content class="text-white">
+  <div class="main-wrapper">
   <div class="wrapper"  *ngIf="userLoginPreference != 'pin' && userLoginPreference != 'fingerprint' && !setPint">
     <div class="div-logo">
       <img src='assets/images/logo-no-bg.png' alt='logo'>
@@ -11,11 +12,17 @@
       </ion-item>
       <p class="form-label text-white">Palavra-passe</p>
       <ion-item class="form-input">
-        <ion-input type="password" [(ngModel)]="password" name="input-password" ></ion-input>
-      </ion-item>        
-      <ion-button class="btn-ok-login" fill="clear" expand="block" shape="round" (click)="Login()">Iniciar</ion-button>
+        <ion-input (keyup.enter)="Login()" type="password" [(ngModel)]="password" name="input-password" ></ion-input>
+      </ion-item> 
+      <div class="d-flex pt-25">
+        <button class="btn-ok btn-login" fill="clear" expand="block" shape="round" (click)="Login()">Iniciar</button>
+      </div>       
     </form>
+    <div class="msg-bottom d-flex">
+      <p class="msg-bottom-p">Uma iniciativa do Gabinete do Presidente da República</p>
+    </div>
   </div>
+  
 
   <div class="main-content  height-100" *ngIf="userLoginPreference == 'pin' || setPint">
     <div class=" align-center justify-center">
@@ -65,5 +72,8 @@
 
     </div>
   </div>
+  
+</div>
+
 
 </ion-content>
\ No newline at end of file
diff --git a/src/app/pages/login/login.page.scss b/src/app/pages/login/login.page.scss
index c767ce0e8..34de572c3 100644
--- a/src/app/pages/login/login.page.scss
+++ b/src/app/pages/login/login.page.scss
@@ -1,5 +1,26 @@
+@import '~src/function.scss';
+:host, app-login {
+    ion-content {
+        background: linear-gradient(180deg, #42B9FE 0%, #0782C9 100%)  !important;
+    }
+}
+ion-content{
+    background-color:  white !important;
+}
+
+.main-wrapper{
+    background: linear-gradient(180deg, #42B9FE 0%, #0782C9 100%)  !important;
+    display: flex;
+    height: calc(100% - 50Px);
+    overflow: auto;
+
+}
 .wrapper{
-    margin: 0 auto;
+    width: 400px;
+    height: auto;
+    padding: 0 !important;
+    margin: auto !important;
+    overflow: auto;
 }
 .div-logo{
     width: 200px;
@@ -10,19 +31,18 @@
     width: 100%;
 }
 .wrapper ion-input{
-    font-size: 18px;
+    font-size: 16px;
 }
 .wrapper ion-button{
     font-size: medium;
-    margin-top: 18px;
+    margin-top: 16px;
 }
 ion-item{
     --background: transparent;
 }
 .form{
-    width: 300px;
+    width: 400px;
     overflow: auto;
-    margin: 0 auto;
 }
 .form-label{
     margin: 15px 0 5px 0;
@@ -30,33 +50,18 @@ ion-item{
 }
 .form-input{ 
     --background: #fff;
-    /* --color:#fff; */
-    border-radius: 10px;
-    margin: 5px 0 5px 0;
-}
-.btn-ok-login{
-    width: 160px !important;
-    height: 45px !important;
-    margin: 15px auto;
-    padding: 10px 15px;
+    --color:#000;
     border-radius: 22.5px;
-    background-color: #42b9fe;
-    color: #ffffff !important;
+    margin: 10px 0 10px 0;
+}
+.btn-login{
+    font-size: 16px;
   }
 
-:host, app-login {
-    ion-content {
-        background: linear-gradient(180deg, #42B9FE 0%, #0782C9 100%)  !important;
-    }
-}
 
 
-ion-content{
-    background-color:  white !important;
-}
 
 
-@import '~src/function.scss';
 
 .div-top-header{
   margin: 0 em(20px);
@@ -140,4 +145,18 @@ ion-content{
 
 .voltar{
     user-select: none;
+}
+
+.msg-bottom{
+    width: 100%;
+    color: #fff;
+    align-items: center;
+    justify-content: center;
+
+    .msg-bottom-p{
+        width: 220px;
+        position: absolute;
+        bottom: 0 !important;
+        text-align: center;
+    }
 }
\ No newline at end of file