Merge pull request #7994 from owncloud/fix-login-fields

Fix login fields

1 files changed, 39 insertions, 15 deletions

diff --git a/core/css/styles.css b/core/css/styles.css
index 6ca78893953..1cbaeb71825 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -406,14 +406,29 @@ input[type="submit"].enabled {
 }
 
 /* Icons for username and password fields to better recognize them */
-#adminlogin, #adminpass, #user, #password { width:11.7em!important; padding-left:1.8em; }
-#adminlogin+label+img, #adminpass-icon, #user+label+img, #password-icon {
-	position:absolute; left:1.25em; top:1.65em;
-	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:.3;
+#adminlogin,
+#adminpass,
+input[name='adminpass-clone'],
+#user,
+#password,
+input[name='password-clone'] {
+	width: 223px !important;
+	padding-left: 36px !important;
+}
+#adminlogin+label+img,
+#adminpass-icon,
+#user+label+img,
+#password-icon {
+	position: absolute;
+	left: 1.25em;
+	top: 1.65em;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+	filter: alpha(opacity=30);
+	opacity: .3;
+}
+#adminpass-icon, #password-icon {
+	top: 1.1em;
 }
-#adminpass-icon, #password-icon { top:1.1em; }
-input[name="password-clone"] { padding-left:1.8em; width:11.7em !important; }
-input[name="adminpass-clone"] { padding-left:1.8em; width:11.7em !important; }
 
 /* General new input field look */
 #body-login input[type="text"],
@@ -452,15 +467,22 @@ input[name="adminpass-clone"] { padding-left:1.8em; width:11.7em !important; }
 p.infield { position:relative; }
 label.infield { cursor:text !important; top:1.05em; left:.85em; }
 #body-login form label.infield { /* labels are ellipsized when too long, keep them short */
-	position:absolute; width:90%; padding-left:1.4em;
-	font-size:19px; color:#aaa;
-	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
+	position: absolute;
+	width: 82%;
+	margin-left: 26px;
+	font-size: 19px;
+	color: #aaa;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+#body-login #databaseField .infield {
+	margin-left: 0;
 }
-#body-login #databaseField .infield { padding-left:0; }
 #body-login form input[type="checkbox"]+label {
 	position: relative;
 	margin: 0;
-	font-size: 1em;
+	font-size: 13px;
 	padding: 14px;
 	padding-left: 28px;
 	margin-left: -28px;
@@ -614,11 +636,13 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; }
 
 /* Log in and install button */
 #body-login input {
-	font-size: 1.5em;
+	font-size: 20px;
+	margin: 5px;
+	padding: 12px 10px 8px;
 }
 #body-login input[type="text"],
 #body-login input[type="password"] {
-	width: 13em;
+	width: 249px;
 }
 #body-login input.login {
 	width: auto;
@@ -628,7 +652,7 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; }
 	padding: 10px 20px; /* larger log in and installation buttons */
 }
 #remember_login {
-	margin: 18px 5px 0 18px;
+	margin: 24px 5px 0 16px !important;
 	vertical-align: text-bottom;
 }