From 38c2b500d53bfe6e3b607ce8c22a7232aae9f91a Mon Sep 17 00:00:00 2001
From: gap95 <gauri.a.pande@gmail.com>
Date: Tue, 17 Dec 2019 18:44:00 +0100
Subject: [PATCH] added button and extra messeges
---
src/app/auth/register/register.page.html | 7 +++----
src/app/auth/register/register.page.scss | 8 ++++++++
2 files changed, 11 insertions(+), 4 deletions(-)
diff --git a/src/app/auth/register/register.page.html b/src/app/auth/register/register.page.html
index 2a6d9c3..2c47c91 100644
--- a/src/app/auth/register/register.page.html
+++ b/src/app/auth/register/register.page.html
@@ -53,9 +53,8 @@
<div
*ngIf="angForm.controls['password'].invalid && (angForm.controls['password'].dirty || angForm.controls['password'].touched)"
- class="alert-danger">
+ class="alert-danger"><ion-icon name="alert"></ion-icon>
<div *ngIf="angForm.controls['password'].errors.required">
-
Password is required.
</div>
</div>
@@ -66,10 +65,10 @@
</div>
<div padding>
- <ion-button [disabled]="angForm.pristine || angForm.invalid" size="large" expand="block" (click)="submitRegister()">Register</ion-button>
+ <ion-button class=ion-button-register [disabled]="angForm.pristine || angForm.invalid" size="large" expand="block" (click)="submitRegister()">Register</ion-button>
</div>
<div padding>
- <ion-button size="large" expand="block" (click)="login()">Login</ion-button>
+ <ion-button class=ion-button-login size="medium" expand="block" (click)="login()">Login</ion-button>
</div>
</ion-col>
</ion-row>
diff --git a/src/app/auth/register/register.page.scss b/src/app/auth/register/register.page.scss
index d528771..3ef5062 100644
--- a/src/app/auth/register/register.page.scss
+++ b/src/app/auth/register/register.page.scss
@@ -9,3 +9,11 @@
.ion-text{
text-align: center;
}
+.ion-button-login{
+ width: 33%;
+ margin-left: 32%;
+}
+.ion-button-register{
+ width: 44%;
+ margin-left: 26%;
+}
\ No newline at end of file
--
GitLab