multiselect: fixed 'add group' interface a bit

core/css/multiselect.css

@@ -89,9 +89,17 @@ div.multiselect>span:last-child {
 }
 
 ul.multiselectoptions input.new {
-	border-top-left-radius: 0;
-	border-top-right-radius: 0;
 	padding-bottom: .2em;
 	padding-top: .2em;
 	margin: 0;
 }
+
+ul.multiselectoptions > li.creator {
+	padding: 10px;
+	font-weight: bold;
+}
+ul.multiselectoptions > li.creator > input {
+	width: 95% !important; /* do not constrain size of text input */
+	padding: 5px;
+	margin: -5px;
+}

core/js/multiselect.js

@@ -176,10 +176,10 @@
 			});
 			button.parent().data('preventHide',false);
 			if(settings.createText){
-				var li=$('<li class="creator">+ <em>'+settings.createText+'<em></li>');
+				var li=$('<li class="creator">+ '+settings.createText+'</li>');
 				li.click(function(event){
 					li.empty();
-					var input=$('<input class="new">');
+					var input=$('<input type="text" class="new">');
 					li.append(input);
 					input.focus();
 					input.css('width',button.innerWidth());