From 6040e12e9795ba74ccce4abcc6da4dbea4ae5a86 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Tue, 30 Jan 2018 17:34:58 -0500
Subject: [PATCH] media query adjustments

---
 src/app/accounts/login.component.html |  2 +-
 src/scss/pages.scss                   | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/accounts/login.component.html b/src/app/accounts/login.component.html
index 4d5edfdeac..81805db33e 100644
--- a/src/app/accounts/login.component.html
+++ b/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>
diff --git a/src/scss/pages.scss b/src/scss/pages.scss
index 2da59acc00..ee8a89c5f6 100644
--- a/src/scss/pages.scss
+++ b/src/scss/pages.scss
@@ -4,10 +4,14 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    height: calc(100% + 50px);
-    margin-top: -50px;
+    height: 100%;
 
-    @media (min-height: 750px) {
+    @media (min-height: 500px) {
+        height: calc(100% + 50px);
+        margin-top: -50px;
+    }
+
+    @media (min-height: 800px) {
         height: calc(100% + 300px);
         margin-top: -300px;
     }