Adjust login for narrow screen sizes.

src/Umbraco.Web.UI.Client/src/less/pages/login.less

@@ -13,7 +13,9 @@
     left: 0;
     margin: 0 !important;
     padding: 0;
+    border: none;
     border-radius: 0;
+    overflow-y: auto;
 }
 
 
@@ -50,7 +52,7 @@
 }
 
 .login-overlay .form {
-    position:fixed;
+    position:relative;
     display: block;
     top: 100px;
     left: 165px;
@@ -78,11 +80,25 @@
     margin-top: 10px;    
 }
 
+@media (max-width: 767px) and (max-height: 420px){
+  .login-overlay .form {
+    top: 60px;
+  }
+}
+
 @media (max-width: 565px) {
   // Remove padding on login-form on smaller devices
   .login-overlay .form {
+    top: 60px;
+    right: 25px;
     left: inherit;
-    right:25px;
+    padding-left: 25px;
+    padding-right:25px;
+    width: auto;
+
+    input[type="text"], input[type="password"] {
+        width: 250px;
+    }
   }
 }