[bug] Remove scroll from login screen (#1283)

src/app/accounts/login.component.html

@@ -1,4 +1,5 @@
-<div class="login-header">
+<div id="login-page">
+  <div class="login-header">
     <a
       href="#"
       appStopClick
@@ -9,14 +10,14 @@
       <i class="bwi bwi-cog bwi-lg" aria-hidden="true"></i>
       {{ "settings" | i18n }}
     </a>
-</div>
-<form
+  </div>
+  <form
     id="login-page"
     #form
     (ngSubmit)="submit()"
     [appApiAction]="formPromise"
     attr.aria-hidden="{{ showingModal }}"
->
+  >
     <div id="content" class="content">
       <img class="logo-image" alt="Bitwarden" />
       <p class="lead">{{ "loginOrCreateNewAccount" | i18n }}</p>
@@ -92,5 +93,6 @@
         <a routerLink="/hint">{{ "getMasterPasswordHint" | i18n }}</a>
       </div>
     </div>
-</form>
+  </form>
+</div>
 <ng-template #environment></ng-template>

src/scss/pages.scss

@@ -139,28 +139,6 @@
   }
 }
 
-.login-header {
-  padding: 1em;
-  font-size: 1.2em;
-  .environment-urls-settings-icon {
-    @include themify($themes) {
-      color: themed("mutedColor");
-    }
-
-    span {
-      visibility: hidden;
-    }
-
-    &:hover,
-    &:focus {
-      text-decoration: none;
-
-      @include themify($themes) {
-        color: themed("primaryColor");
-      }
-    }
-  }
-}
 #sso-page {
   .content {
     width: 300px;
@@ -237,3 +215,31 @@
     margin-bottom: 20px;
   }
 }
+
+#login-page {
+  flex-direction: column;
+
+  .login-header {
+    align-self: flex-start;
+    padding: 1em;
+    font-size: 1.2em;
+    .environment-urls-settings-icon {
+      @include themify($themes) {
+        color: themed("mutedColor");
+      }
+
+      span {
+        visibility: hidden;
+      }
+
+      &:hover,
+      &:focus {
+        text-decoration: none;
+
+        @include themify($themes) {
+          color: themed("primaryColor");
+        }
+      }
+    }
+  }
+}