Fixed issues with lockscreen css

build/less/lockscreen.less

@@ -21,17 +21,11 @@
   margin: 0 auto;
   margin-top: 10%;
 }
-@media (max-width: @screen-xs-max) {
-  .lockscreen .headline {
-    font-size: 60px;
-    margin-bottom: 40px;
-  }
-}
 
 /* User name [optional] */
 .lockscreen .lockscreen-name {
   text-align: center;
-  font-weight: 600;
+  font-weight: 600;  
 }
 
 /* Will contain the image and the sign in form */
@@ -40,39 +34,35 @@
   padding: 0;
   background: #fff;
   position: relative;
-  margin: 10px auto 45px auto;
+  margin: 10px auto 30px auto;
   width: 290px;
 }
 
 /* User image */
 .lockscreen-image {
+  .border-radius(50%);
   position: absolute;
   left: -10px;
-  top: -30px;
+  top: -25px;
   background: #fff;
-  padding: 10px;
+  padding: 5px;  
-  .border-radius(50%);
   z-index: 10;
   > img {
-    width: 70px;
-    height: 70px;
     .border-radius(50%);
+    width: 70px;
+    height: 70px;    
   }
 }
 
 /* Contains the password input and the login button */
 .lockscreen-credentials {
-  margin-left: 80px;
+  margin-left: 70px;
-  input {
+  .form-control {
     border: 0 !important;
   }
   .btn {
     background-color: #fff;
     border: 0;
+    padding: 0 10px;
   }
-}
-/* Extra to give the user an option to navigate the website [optional]*/
-.lockscreen-link {
-  margin-top: 30px;
-  text-align: center;
 }

dist/css/AdminLTE.css

@@ -2572,12 +2572,6 @@ table.text-center th {
   margin: 0 auto;
   margin-top: 10%;
 }
-@media (max-width: 767px) {
-  .lockscreen .headline {
-    font-size: 60px;
-    margin-bottom: 40px;
-  }
-}
 /* User name [optional] */
 .lockscreen .lockscreen-name {
   text-align: center;
@@ -2589,39 +2583,35 @@ table.text-center th {
   padding: 0;
   background: #fff;
   position: relative;
-  margin: 10px auto 45px auto;
+  margin: 10px auto 30px auto;
   width: 290px;
 }
 /* User image */
 .lockscreen-image {
+  border-radius: 50%;
   position: absolute;
   left: -10px;
-  top: -30px;
+  top: -25px;
   background: #fff;
-  padding: 10px;
+  padding: 5px;
-  border-radius: 50%;
   z-index: 10;
 }
 .lockscreen-image > img {
+  border-radius: 50%;
   width: 70px;
   height: 70px;
-  border-radius: 50%;
 }
 /* Contains the password input and the login button */
 .lockscreen-credentials {
-  margin-left: 80px;
+  margin-left: 70px;
 }
-.lockscreen-credentials input {
+.lockscreen-credentials .form-control {
   border: 0 !important;
 }
 .lockscreen-credentials .btn {
   background-color: #fff;
   border: 0;
-}
+  padding: 0 10px;
-/* Extra to give the user an option to navigate the website [optional]*/
-.lockscreen-link {
-  margin-top: 30px;
-  text-align: center;
 }
 /*
  * Page: Login & Register

pages/examples/lockscreen.html

@@ -38,7 +38,7 @@
           <div class="input-group">
             <input type="password" class="form-control" placeholder="password" />
             <div class="input-group-btn">
-              <button class="btn btn-flat"><i class="fa fa-arrow-right text-muted"></i></button>
+              <button class="btn"><i class="fa fa-arrow-right text-muted"></i></button>
             </div>
           </div>
         </form><!-- /.lockscreen credentials -->
@@ -47,7 +47,7 @@
       <div class="help-block text-center">
         Enter your password to retrieve your session
       </div>
-      <div class="lockscreen-link">
+      <div class='text-center'>
         <a href="login.html">Or sign in as a different user</a>
       </div>
     </div><!-- /.center -->