media query adjustments

src/app/accounts/login.component.html

@@ -1,5 +1,5 @@
 <div id="login">
-    <form (ngSubmit)="onSubmit()" #heroForm="ngForm">
+    <form (ngSubmit)="onSubmit()">
         <div class="content">
             <img src="../../images/logo@2x.png" alt="bitwarden">
             <p>{{'loginOrCreateNewAccount' | i18n}}</p>

src/scss/pages.scss

@@ -4,10 +4,14 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    height: 100%;
+
+    @media (min-height: 500px) {
         height: calc(100% + 50px);
         margin-top: -50px;
+    }
 
-    @media (min-height: 750px) {
+    @media (min-height: 800px) {
         height: calc(100% + 300px);
         margin-top: -300px;
     }