From d7cb79513f808e4b12ccd9f8d7aac6e24e5d6feb Mon Sep 17 00:00:00 2001
From: bjarnef <bjarne_fyrstenborg@hotmail.com>
Date: Sat, 21 May 2016 21:49:00 +0200
Subject: [PATCH] Adjust login for narrow screen sizes.

---
 .../src/less/pages/login.less                 | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/pages/login.less b/src/Umbraco.Web.UI.Client/src/less/pages/login.less
index 6805783a86..51cb5aae38 100644
--- a/src/Umbraco.Web.UI.Client/src/less/pages/login.less
+++ b/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;
+    }
   }
 }