Fix login box styling

Author: OpenHypervideo

src/_shared/modules/UserManagement/module.js

@@ -62,8 +62,8 @@ FrameTrail.defineModule('UserManagement', function(FrameTrail){
 						+	'             <form class="registrationForm" method="post">'
 						+	'             	<p class="registrationFormStatus message"></p>'
 						+	'             	<input type="text" name="name" placeholder="'+ labels['UserName'] +'">'
-						+	'             	<input type="text" name="mail" placeholder="'+ labels['UserMail'] +'"><br>'
-						+	'             	<input type="password" name="passwd" placeholder="'+ labels['UserPassword'] +'"><br>'
+						+	'             	<input type="text" name="mail" placeholder="'+ labels['UserMail'] +'">'
+						+	'             	<input type="password" name="passwd" placeholder="'+ labels['UserPassword'] +'">'
 						+	'             	<input type="hidden" name="a" value="userRegister">'
 						+	'             	<input type="submit" value="'+ labels['UserRegister'] +'">'
 						+	'             </form>'
@@ -79,17 +79,17 @@ FrameTrail.defineModule('UserManagement', function(FrameTrail){
                         +   '               </div>'
                         +   '               <div class="userDataContainer">'
 						+   '             	    <input type="text" name="name" id="user_change_name" placeholder="'+ labels['UserName'] +'">'
-						+   '             	    <input type="text" name="mail" id="user_change_mail" placeholder="'+ labels['UserMail'] +'"><br>'
+						+   '             	    <input type="text" name="mail" id="user_change_mail" placeholder="'+ labels['UserMail'] +'">'
 						+	'					<div id="user_change_colorContainer"></div>'
-						+   '             	    <input type="password" name="passwd" id="user_change_passwd" placeholder="'+ labels['UserPassword'] +'"><br><br>'
+						+   '             	    <input type="password" name="passwd" id="user_change_passwd" placeholder="'+ labels['UserPassword'] +'">'
 						+   '             	    <input type="radio" name="role" id="user_change_role_admin" value="admin">'
                         +   '                   <label for="user_change_role_admin">'+ labels['UserRoleAdmin'] +'</label>'
 						+   '             	    <input type="radio" name="role" id="user_change_role_user" value="user">'
-                        +   '                   <label for="user_change_role_user">'+ labels['UserRoleUser'] +'</label><br><br>'
+                        +   '                   <label for="user_change_role_user">'+ labels['UserRoleUser'] +'</label>'
 						+   '             	    <input type="radio" name="active" id="user_change_active_1" value="1">'
                         +   '                   <label for="user_change_active_1">'+ labels['UserActive'] +'</label>'
 						+   '             	    <input type="radio" name="active" id="user_change_active_0" value="0">'
-                        +   '                   <label for="user_change_active_0">'+ labels['UserInactive'] +'</label><br><br>'
+                        +   '                   <label for="user_change_active_0">'+ labels['UserInactive'] +'</label>'
 						+   '             	    <input type="hidden" name="a" value="userChange">'
 						+   '             	    <input type="submit" value="'+ labels['UserChangeSettings'] +'">'
                         +   '               </div>'
@@ -110,8 +110,8 @@ FrameTrail.defineModule('UserManagement', function(FrameTrail){
 					+	'        <div class="userTabLogin">'
 					+	'             <form class="loginForm" method="post">'
 					+	'             	<p class="loginFormStatus message"></p>'
-					+	'             	<input type="text" name="mail" placeholder="'+ labels['UserMail'] +'"><br>'
-					+	'             	<input type="password" name="passwd" placeholder="'+ labels['UserPassword'] +'"><br>'
+					+	'             	<input type="text" name="mail" placeholder="'+ labels['UserMail'] +'">'
+					+	'             	<input type="password" name="passwd" placeholder="'+ labels['UserPassword'] +'">'
 					+	'             	<input type="hidden" name="a" value="userLogin">'
 					+	'             	<input type="submit" value="Login">'
 					+	'             	<button type="button" class="loginBoxCancelButton">Cancel</button>'
@@ -121,9 +121,9 @@ FrameTrail.defineModule('UserManagement', function(FrameTrail){
 					+	'             <form class="userRegistrationForm" method="post">'
 					+	'             	<p class="userRegistrationFormStatus" class="message"></p>'
 					+	'             	<input type="text" name="name" placeholder="'+ labels['UserName'] +'">'
-					+	'             	<input type="text" name="mail" placeholder="'+ labels['UserMail'] +'"><br>'
-					+	'             	<input type="password" name="passwd" placeholder="'+ labels['UserPassword'] +'"><br>'
-					+	'             	<input type="hidden" name="a" value="userRegister"><br>'
+					+	'             	<input type="text" name="mail" placeholder="'+ labels['UserMail'] +'">'
+					+	'             	<input type="password" name="passwd" placeholder="'+ labels['UserPassword'] +'">'
+					+	'             	<input type="hidden" name="a" value="userRegister">'
 					+	'             	<input type="submit" value="'+ labels['UserCreateAccount'] +'">'
 					+	'             	<button type="button" class="loginBoxCancelButton">'+ labels['GenericCancel'] +'</button>'
 					+	'             </form>'

src/_shared/styles/generic.css

@@ -927,6 +927,7 @@ input:checked + .slider:before {
     color: var(--primary-fg-color);
     padding: 6px 12px;
     vertical-align: middle;
+    margin-top: 10px;
 }
 
 .ui-blocking-overlay .ui-overlay-box input[type="text"], .ui-blocking-overlay .ui-overlay-box input[type="password"] {