Cleanup Login and removed the ancient obsolete <center> with small redesign

Also placed the loading description above the login form

dev/Styles/Animations.less

@@ -80,24 +80,24 @@ html.no-mobile {
 		}
 	}
 
-	&.no-mobile .b-login-content .errorAnimated {
+	.b-login-content .errorAnimated {
 		animation: login-form-shake 400ms ease-in-out;
 	}
 
-	&.no-mobile .b-login-content .errorAnimated .buttonLogin {
+	.b-login-content .errorAnimated .buttonLogin {
 		color: #b94a48;
 		font-weight: bold;
 	}
 
-	&.no-mobile .b-login-content .afterLoginHide {
+	.b-login-content .afterLoginHide {
 		opacity: 0;
 	}
 
-	&.no-mobile .btn-group.dropdown.colored-toggle.open .animate-this-icon-on-open {
+	.btn-group.dropdown.colored-toggle.open .animate-this-icon-on-open {
 		animation: bounce-me .5s linear;
 	}
 
-	&.no-mobile .b-login-content .loginFormWrapper {
+	.b-login-content .loginFormWrapper {
 		transition: all 0.3s ease-out;
 	}
 

dev/Styles/Login.less

@@ -1,59 +1,36 @@
 
+.rl-view-model {
+	&.RL-Login, &.RL-AdminLogin {
+		position: fixed;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 100%;
+		max-width: 450px;
+		z-index: 5;
+	}
+}
+
 .b-login-content {
 
-	height: 100%;
-	text-align: center;
-
 	.loginFormWrapper {
-
-		display: inline-block;
-		vertical-align: middle;
-		text-align: center;
-		perspective: 500px;
+		position: relative;
 
 		.descWrapper {
-
 			margin-bottom: 10px;
+			text-align: center;
 
 			.desc {
-				font-size: 18px;
-				padding: 2px;
+				font-size: 30px;
 			}
 		}
 
-		.alertError {
-			max-width: 450px;
-		}
-
-		.wrapper-parent {
-		}
-
 		.loginForm {
 			background-color: #efefef;
-			text-align: left;
 			color: #333;
 			margin: 0;
-			float: none;
-			width: 303px;
 		}
 
-		.loginWelcomeForm {
-			display: none;
-		}
-
-		.welcome-on {
-			display: block;
-		}
-
-		.welcome-off {
-			display: none;
-		}
-
-/*		.control-label {
-			font-size: 16px;
-			line-height: 30px;
-		}*/
-
 		.controls, .control-group {
 			margin-bottom: 25px;
 		}
@@ -62,11 +39,6 @@
 			padding: 40px 40px 20px 40px;
 		}
 
-		#recaptcha_image img {
-			border: 1px solid #ccc;
-			border-radius: 3px;
-		}
-
 		.controls {
 			.inputLoginForm, .inputEmail, .inputLogin, .inputPassword, .inputAdditionalCode {
 				font-size: 18px;
@@ -80,18 +52,10 @@
 			}
 		}
 
-		.languageLabel {
-			margin-top: 5px;
-		}
-
 		.signMeLabel .e-checkbox {
 			margin-top: 5px;
 		}
 
-		.languageLabel {
-			margin-right: 5px;
-		}
-
 		.input-append .add-on {
 			position: relative;
 			height: 30px;
@@ -116,6 +80,10 @@
 		.controls.error .add-on i, .control-group.error .add-on i {
 			color: #b94a48;
 		}
+
+		.e-mobile-switcher {
+			text-align: center;
+		}
 	}
 
 	.buttonLogin {
@@ -123,15 +91,17 @@
 	}
 
 	.alert {
-		margin: 0 0 20px 0;
-		text-align: left;
+		position: absolute;
+		left: 0;
+		right: 0;
+		z-index: 1;
 	}
 
 	.flag-selector {
 		margin-bottom: 0;
 	}
 
-	.social-buttons {
+	.language-buttons {
 		margin-top: 5px;
 	}
 
@@ -141,6 +111,14 @@
 	}
 }
 
+@media screen and (max-width: 480px) {
+	.b-login-content .loginFormWrapper {
+		.wrapper {
+			padding: 30px 4vw 10px;
+		}
+	}
+}
+
 @keyframes loginRotation {
 	to   {transform: rotate(1turn);}
 }

dev/Styles/Main.less

@@ -32,17 +32,6 @@ option:disabled {
 	cursor: not-allowed;
 }
 
-body:before {
-	content: "";
-	position: fixed;
-	top: -10px;
-	left: 0;
-	width: 100%;
-	height: 8px;
-	z-index: 100;
-	box-shadow: 0 0 10px rgba(0,0,0,.6);
-}
-
 * {
 	outline: none;
 }

dev/Styles/_End.less

@@ -1,12 +1,4 @@
 
-.rl-view-model {
-	&.RL-Login, &.RL-LoginNew, &.RL-AdminLogin {
-		position: relative;
-		height: 100%;
-		z-index: 5;
-	}
-}
-
 .mfp-container .mfp-figure {
 	min-height: 300px;
 	min-width: 300px;

dev/View/User/Login.js

@@ -38,7 +38,8 @@ class LoginUserView extends AbstractViewNext {
 		this.hideSubmitButton = Settings.app('hideSubmitButton');
 
 		this.addObservables({
-			welcome: !!Settings.get('UseLoginWelcomePage'),
+			loadingDesc: Settings.get('LoadingDescription'),
+
 			email: '',
 			password: '',
 			signMe: false,
@@ -204,10 +205,6 @@ class LoginUserView extends AbstractViewNext {
 		return true;
 	}
 
-	displayMainForm() {
-		this.welcome(false);
-	}
-
 	onShow() {
 		rl.route.off();
 	}