added button and extra messeges

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>

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