Fixed login-view on mobile devices

On smaller screens the login-view was too far to the right. Related issue: http://issues.umbraco.org/issue/U4-5020
2015-05-18 11:34:13 +02:00
parent 62943d391f
commit adde7c2f50
1 changed files with 9 additions and 1 deletions
--- a/src/Umbraco.Web.UI.Client/src/less/login.less
+++ b/src/Umbraco.Web.UI.Client/src/less/login.less
@@ -24,7 +24,7 @@
 .login-overlay .form {
  display: block;
  padding-top: 100px;
-  padding-left: 165px;
+  padding-left: 21%;
  width: 370px;
  text-align: right
 }
@@ -44,4 +44,12 @@
    padding-left: 6px;
    margin-top: 10px;
    text-align: center;
+}
+
+@media (max-width: 767px) {
+  // Remove padding on login-form on smaller devices
+  .login-overlay .form {
+    padding-left: 2%!important;
+    width: 90%;
+  }
 }