Fix some issues in landscape mode

2016-05-21 22:42:58 +02:00
parent a8712fb4cf
commit ccd42ad1d4
1 changed files with 7 additions and 3 deletions
--- a/src/Umbraco.Web.UI.Client/src/less/pages/login.less
+++ b/src/Umbraco.Web.UI.Client/src/less/pages/login.less
@@ -80,10 +80,10 @@
    margin-top: 10px;    
 }

-@media (max-width: 767px) and (max-height: 420px){
+@media (max-width: 767px) and (max-height: 420px) and (orientation: landscape) {
  // Move form closer to top on narrow screen sizes
  .login-overlay .form {
-    top: 60px;
+    top: 50px;
  }
 }

@@ -96,9 +96,13 @@
    padding-left: 25px;
    padding-right:25px;
    width: auto;
+  }
+}

+@media (max-width: 339px) {
+  .login-overlay .form {
    input[type="text"], input[type="password"] {
-        width: 250px;
+      width: 250px;
    }
  }
 }