Fix login primary colour and feedback

Signed-off-by: John Molakvoæ (skjnldsv) <[email protected]>

Author: skjnldsv

core/css/guest.css

@@ -144,20 +144,30 @@ form #datadirField legend {
 /* Buttons and input */
 #submit-wrapper,
 #reset-password-wrapper {
+	display: flex;
+	align-items: center;
+	justify-content: center;
 	position: relative; /* Make the wrapper the containing block of its
 						   absolutely positioned descendant icons */
 }
 
 #submit-wrapper .submit-icon {
 	position: absolute;
-	top: 23px;
-	right: 23px;
+	top: 22px;
+	right: 22px;
+	transition: right 100ms ease-in-out;
 	pointer-events: none; /* The submit icon is positioned on the submit button.
 							 From the user point of view the icon is part of the
 							 button, so the clicks on the icon have to be
 							 applied to the button instead. */
 }
 
+#submit-wrapper:hover .submit-icon,
+#submit-wrapper:focus .submit-icon,
+#submit-wrapper:active .submit-icon {
+	right: 18px;
+}
+
 #reset-password-submit {
 	padding: 10px;
 	overflow: hidden;
@@ -220,7 +230,8 @@ input[type='email'] {
 	font-weight: normal;
 }
 input.login {
-	width: 269px;
+	width: 100%;
+	height: 50px;
 	background-position: right 16px center;
 }
 input[type='submit'],
@@ -255,15 +266,6 @@ a.primary {
 	color: #fff;
 }
 
-input.primary:not(:disabled):hover,
-input.primary:not(:disabled):focus,
-button.primary:not(:disabled):hover,
-button.primary:not(:disabled):focus,
-a.primary:not(:disabled):hover,
-a.primary:not(:disabled):focus{
-	background-color: #17adff;
-}
-
 /* Checkboxes - white only for login */
 input[type='checkbox'].checkbox {
 	position: absolute;