Merge pull request #37 from ajayns/login-ui

Fixes login box padding issue
RocketChat · Apr 17, 2018 · 4022478 · 4022478
2 parents bd05241 + 29fabd6
commit 4022478
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/app/shared/components/login-page/login-page.component.html b/src/app/shared/components/login-page/login-page.component.html
@@ -9,12 +9,12 @@
       </a>
     </ion-row>
 
-    <ion-item>
+    <ion-item class="login-input">
       <ion-label floating>Username</ion-label>
       <ion-input type="text" [(ngModel)]="model.username" required></ion-input>
     </ion-item>
 
-    <ion-item>
+    <ion-item class="login-input">
       <ion-label floating>Password</ion-label>
       <ion-input type="password" [(ngModel)]="model.password" required></ion-input>
     </ion-item>

diff --git a/src/app/shared/components/login-page/login-page.component.scss b/src/app/shared/components/login-page/login-page.component.scss
@@ -25,6 +25,11 @@
   max-width: 700px;
 }
 
+.login-input {
+  padding: 0 1em 0 1em;
+}
+
+
 @media screen and (max-height: 320px) {
   .hide-on-keyboard {
     display: none;