ellipsize infield labels when too long, specifically fix #871 for database labels...

diff --git a/core/css/styles.css b/core/css/styles.css
index 556ca6b82bbfb04e70468e630f83b264974fae42..6c9704b16c3f16d2a29b99124d1da41ab3de9878 100644 (file)
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -177,7 +177,11 @@ input[name="password-clone"] { padding-left:1.8em; width:11.7em !important; }
 #login .groupmiddle label, #login .groupbottom label { top:.65em; }
 p.infield { position:relative; }
 label.infield { cursor:text !important; top:1.05em; left:.85em; }
-#login form label.infield { position:absolute; font-size:19px; color:#aaa; white-space:nowrap; padding-left:1.4em; }
+#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;
+}
 #login #databaseField .infield { padding-left:0; }
 #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; }