styled login page

src/pages/login/login.html

@@ -10,30 +10,37 @@
 
 <ion-content padding>
   <ion-grid *ngIf="loading;else nonloading">
-   loading
+    loading
   </ion-grid>
   <ng-template late #nonloading>
     <ion-card>
-    <ion-grid>
+      <ion-grid>
-      <ion-row>
+        <ion-row>
-        <ion-item>
+          <ion-item>
-          <ion-label>userName</ion-label>
+            <ion-label>
-          <ion-input placeholder="userName" [(ngModel)]="userName"></ion-input>
+              <ion-icon name="person"></ion-icon>
-        </ion-item> 
+            </ion-label>
-      </ion-row>
+            <ion-input placeholder="userName" [(ngModel)]="userName"></ion-input>
-      <ion-row>
+          </ion-item>
-        <ion-item>
+        </ion-row>
-          <ion-label>Password</ion-label>
+        <ion-row>
-          <ion-input placeholder="Password" [(ngModel)]="password"></ion-input>
+          <ion-item>
-        </ion-item>
+            <ion-label>
-      </ion-row>
+              <ion-icon name="lock"></ion-icon>
-      <ion-row>
+            </ion-label>
-        <ion-item>
+            <ion-input placeholder="Password" [(ngModel)]="password"></ion-input>
-          <button full ion-button color="secondary" (click)="submitLogin()">Login</button> 
+          </ion-item>
-        </ion-item>
+        </ion-row>
-      </ion-row>
+        <ion-row>
-    </ion-grid>
+          <ion-col col-8>
-  </ion-card>
+          </ion-col>
+          <ion-col col-4>
+            <ion-item>
+              <button full ion-button color="secondary" (click)="submitLogin()"><ion-icon name="send"></ion-icon>Login</button>
+            </ion-item>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+    </ion-card>
   </ng-template>
-</ion-content>
+</ion-content>
-

src/pages/login/login.ts

@@ -22,8 +22,8 @@ export class LoginPage {
 
   submitLogin(){
     this.loading = true;
-    
+    // make api call to login with the credentials 
-    //this.navCtrl.push(MySenseBoxPage)
+    this.navCtrl.push(MySenseBoxPage)
   }
 
   ionViewDidLoad() {