Login input fix

eduardoumpierre · Mar 28, 2018 · f4e6bf5 · f4e6bf5
1 parent a3c513b
commit f4e6bf5
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 16 deletions.
diff --git a/src/pages/login-form/login-form.html b/src/pages/login-form/login-form.html
@@ -11,19 +11,25 @@
 </ion-header>
 
 <ion-content>
-    <form [formGroup]="form" (submit)="login($event)" class="list-item">
-        <ion-list>
-            <ion-item>
-                <ion-input type="text" formControlName="username" placeholder="Usuário"></ion-input>
-            </ion-item>
+    <ion-grid>
+        <ion-row align-items-center>
+            <ion-col>
+                <form [formGroup]="form" (submit)="login($event)" class="list-item">
+                    <ion-list>
+                        <ion-item>
+                            <ion-input type="text" formControlName="username" placeholder="Usuário"></ion-input>
+                        </ion-item>
 
-            <ion-item>
-                <ion-input type="password" formControlName="password" placeholder="Senha"></ion-input>
-            </ion-item>
+                        <ion-item>
+                            <ion-input type="password" formControlName="password" placeholder="Senha"></ion-input>
+                        </ion-item>
 
-            <ion-item>
-                <button ion-button large color="light" full [disabled]="form && !form.valid">Login</button>
-            </ion-item>
-        </ion-list>
-    </form>
+                        <ion-item>
+                            <button ion-button large color="light" full [disabled]="form && !form.valid">Login</button>
+                        </ion-item>
+                    </ion-list>
+                </form>
+            </ion-col>
+        </ion-row>
+    </ion-grid>
 </ion-content>
diff --git a/src/pages/login-form/login-form.scss b/src/pages/login-form/login-form.scss
@@ -16,13 +16,19 @@ page-login-form {
         background: #efeff4 !important;
     }
 
-    .scroll-content {
-        display: flex;
-        align-items: center;
+    //.scroll-content {
+    //    display: flex;
+    //    align-items: center;
+    //}
+
+    ion-grid {
+        height: 100%;
+        justify-content: center;
     }
 
     form.list-item {
         border-top: 1px solid #cccbd0;
+        margin: 0;
         padding: 1px 0 0;
         width: 100%;