autocomplete overflow fixes

rhodecode/public/css/style.css

@@ -2800,7 +2800,7 b' table.code-browser .browser-dir {'
 }
 
 .ac .yui-ac {
-	position: relative;
+	position: inherit;
 	font-size: 100%;
 }
 
@@ -2815,12 +2815,11 b' table.code-browser .browser-dir {'
 .ac .yui-ac-container {
 	position: absolute;
 	top: 1.6em;
-	width: 100%;
+	width: auto;
 }
 
 .ac .yui-ac-content {
 	position: absolute;
-	width: 100%;
 	border: 1px solid gray;
 	background: #fff;
 	z-index: 9050;
@@ -2852,6 +2851,12 b' table.code-browser .browser-dir {'
 	padding: 2px 5px;
 	height: 18px;
 	z-index: 9050;
+	display: block;
+	width: auto !important;
+}
+
+.ac .yui-ac-content li .ac-container-wrap{
+    width: auto;
 }
 
 .ac .yui-ac-content li.yui-ac-prehighlight {
@@ -2867,6 +2872,7 b' table.code-browser .browser-dir {'
 .ac .yui-ac-bd{
 	z-index: 9050;
 }
+
 .follow {
 	background: url("../images/icons/heart_add.png") no-repeat scroll 3px;
 	height: 16px;
@@ -4166,7 +4172,9 b' form.comment-inline-form {'
 }
 .perm-gravatar-ac{
     vertical-align:middle;
-    padding:2px;	
+    padding:2px;
+    width: 14px;
+    height: 14px;	
 }
 
 /*****************************************************************************

rhodecode/public/js/rhodecode.js

@@ -696,7 +696,7 b' var MembersAutoComplete = function (user'
             	if (group !== undefined){
             		em = '/images/icons/group.png'
             	}
-            	tmpl = '<img class="perm-gravatar-ac" src="{0}"/>{1}'
+            	tmpl = '<div class="ac-container-wrap"><img class="perm-gravatar-ac" src="{0}"/>{1}</div>'
             	return tmpl.format(em,res)
             }
             // group