cleaned up styling for landscape mode

Author: jthk1106

src/pages/register/register.html

@@ -28,7 +28,7 @@ <h2 id="lifechange" text-center>It's a life change.</h2>
 
     <form class="form" [formGroup]='validate' (ngSubmit)='submitReg()'>
       <ion-row justify-content-center>
-        <ion-col col-10>
+        <ion-col col-10 col-xl-7>
           <ion-item no-lines>
             <ion-input 
               [(ngModel)]="registerUser.firstName"
@@ -47,7 +47,7 @@ <h2 id="lifechange" text-center>It's a life change.</h2>
       </ion-row>
 
       <ion-row justify-content-center>
-        <ion-col col-10>
+        <ion-col col-10 col-xl-7>
           <ion-item no-lines>
             <ion-input 
               [(ngModel)]="registerUser.lastName"
@@ -65,7 +65,7 @@ <h2 id="lifechange" text-center>It's a life change.</h2>
       </ion-row>
 
       <ion-row justify-content-center>
-        <ion-col col-10>
+        <ion-col col-10 col-xl-7>
           <ion-item no-lines>
             <ion-input 
               [(ngModel)]="registerUser.email"
@@ -84,7 +84,7 @@ <h2 id="lifechange" text-center>It's a life change.</h2>
 
       <div formGroupName="pass">
         <ion-row justify-content-center>
-          <ion-col col-10>
+          <ion-col col-10 col-xl-7>
             <ion-item no-lines>
               <ion-input  
                 class="inputs"
@@ -102,7 +102,7 @@ <h2 id="lifechange" text-center>It's a life change.</h2>
         </ion-row>
 
         <ion-row justify-content-center>
-          <ion-col col-10>
+          <ion-col col-10 col-xl-7>
             <ion-item no-lines>
               <ion-input 
                 class="inputs"
@@ -122,18 +122,21 @@ <h2 id="lifechange" text-center>It's a life change.</h2>
 
 
       <ion-row justify-content-center>
-        <ion-col col-8>
+        <ion-col col-8 col-xl-5>
           <button id="regButton" ion-button block [disabled]="!validate.valid" type="submit">REGISTER</button>
         </ion-col>
       </ion-row>
     </form>
 
     <ion-row justify-content-center>
       <ion-col col-8>
-        <div>
-          <h3 text-center>Login if you already have an account.</h3>
-          <button id="loginButton" ion-button block (click)="goLogin()">LOGIN</button>
-        </div>
+        <h3 text-center>Login if you already have an account.</h3>
+      </ion-col>
+    </ion-row>
+
+    <ion-row justify-content-center>
+      <ion-col class="button-col" col-8 col-xl-5>
+        <button id="loginButton" ion-button block (click)="goLogin()">LOGIN</button>
       </ion-col>
     </ion-row>
   </ion-grid>

src/pages/register/register.scss

@@ -45,7 +45,7 @@ page-register {
     position: relative;
     border: 1px solid #e5e6e6;
     background-color: #f8f8f8;
-    padding-left: 60px;
+    padding-left: 10px;
     font-size: 25px;
   }
 
@@ -90,12 +90,12 @@ page-register {
       max-width: 2800px;
       font-size: 3vw;
     }
-    @media screen and (min-width:2300px) {
+   /* @media screen and (min-width:2300px) {
       .message  {
         font-size: 60px;
         margin: 5vh auto 5vh auto ;
       }
-    }
+    } 
 
     .input {
       margin: .4vw auto;
@@ -113,7 +113,7 @@ page-register {
       //margin-top:10px;
       outline: none;
       border:1px solid #cccccc
-    }
+    } 
     ::-webkit-input-placeholder { 
       font-size: 3vw;
       color: rgb(136, 136, 136);
@@ -126,7 +126,7 @@ page-register {
         position: relative;
         top: -13px;
       }
-    }
+    } */
 
     #register-button{
       text-align: center;
@@ -194,6 +194,16 @@ page-register {
       page-login .inputs {
         margin: auto;
         width: 70%;
+        font-size: 25px;
+      }
+
+      #loginButton {
+        font-size: 25px;
+        height: 2.1em;
+      }
+      #regButton{
+        font-size: 25px;
+        height: 2.1em;
       }
     }
 

src/providers/user/user.ts

@@ -17,7 +17,7 @@ export class UserProvider {
   }
 
   sendReg(user) {
-    console.log('sendReg() runs')
+    console.log('sendReg() runs', user)
     return this.http.post(this.regUrl, user)
   }