bring back dedicated log in button to make log in more usable

2 files changed, 6 insertions, 25 deletions

diff --git a/core/css/icons.css b/core/css/icons.css
index 45069a23c44..8f7a69ca488 100644
--- a/core/css/icons.css
+++ b/core/css/icons.css
@@ -149,6 +149,9 @@ img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-
 .icon-confirm {
 	background-image: url('../img/actions/confirm.svg?v=1');
 }
+.icon-confirm-white {
+	background-image: url('../img/actions/confirm-white.svg?v=1');
+}
 
 .icon-delete,
 .icon-delete.no-permission:hover,
diff --git a/core/css/styles.css b/core/css/styles.css
index efc49e02a17..978d8e29c32 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -286,28 +286,6 @@ body {
 	margin: -13px;
 }
 
-/* position log in button as confirm icon in right of password field */
-#body-login #submit.login {
-	position: absolute;
-	right: 0;
-	top: 0;
-	border: none;
-	background-color: transparent;
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
-	opacity: .3;
-}
-#body-login #submit.login:hover,
-#body-login #submit.login:focus {
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-	opacity: .7;
-}
-#body-login input[type="password"],
-#body-login input[name="adminpass-clone"] {
-	padding-right: 40px;
-	box-sizing: border-box;
-	min-width: 269px;
-}
-
 #body-login form {
 	position: relative;
 	width: 280px;
@@ -616,8 +594,8 @@ label.infield {
 	width: 249px;
 }
 #body-login input.login {
-	width: auto;
-	float: right;
+	width: 269px;
+	background-position: right 12px center;
 }
 #body-login input[type="submit"] {
 	padding: 10px 20px; /* larger log in and installation buttons */
@@ -626,7 +604,7 @@ label.infield {
 	margin: 18px 5px 0 16px !important;
 }
 #body-login .remember-login-container {
-	margin-top: 10px;
+	margin: 10px 0;
 	text-align: center;
 }