icons for username and password field, not sure if it’s good

1 files changed, 10 insertions, 3 deletions

diff --git a/core/css/styles.css b/core/css/styles.css
index d5b0a348ee1..01ae5f1f066 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -119,6 +119,13 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b
 #login #datadirContent label { display:block; margin:0; color:#999;  }
 #login form #datadirField legend { margin-bottom:15px; }
 
+
+/* Icons for username and password fields to better recognize them */
+#adminlogin, #adminpass, #user, #password { padding-left:1.6em; background-repeat:no-repeat; background-position:.4em .75em; }
+#adminlogin+label, #adminpass+label, #user+label, #password+label { left:2em; }
+#adminlogin, #user { background-image:url('../img/actions/user.svg'); }
+#adminpass, #password { background-image:url('../img/actions/password.svg'); }
+
 /* Nicely grouping input field sets */
 .grouptop input {
 	margin-bottom:0;
@@ -135,11 +142,11 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b
 	box-shadow:0 1px 1px #fff,0 1px 0 #ddd inset;
 }
 
-#login form label { margin:.95em 0 0 .85em; color:#666; }
-#login .groupmiddle label, #login .groupbottom label { margin-top:13px; }
+#login form label { color:#666; }
+#login .groupmiddle label, #login .groupbottom label { top:.65em; }
 /* NEEDED FOR INFIELD LABELS */
 p.infield { position:relative; }
-label.infield { cursor:text !important; }
+label.infield { cursor:text !important; top:1.05em; left:.85em; }
 #login form label.infield { position:absolute; font-size:19px; color:#aaa; white-space:nowrap; }
 #login form input[type="checkbox"]+label { position:relative; margin:0; font-size:1em; text-shadow:#fff 0 1px 0; }
 #login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; }