UI changes

src/vs/editor/contrib/suggest/media/suggest.css

@@ -14,6 +14,10 @@
 	width: 430px;
 }
 
+.monaco-editor .suggest-widget.wide {
+	width: 600px;
+}
+
 .monaco-editor .suggest-widget > .message,
 .monaco-editor .suggest-widget > .tree,
 .monaco-editor .suggest-widget > .details {
@@ -134,11 +138,17 @@
 
 /** signature, qualifier, type/details opacity **/
 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label,
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .qualifier-label,
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label,
 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
 	opacity: 0.7;
 }
 
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
+	margin-left: .5rem;
+	opacity: 0.5;
+	font-size: 90%;
+}
+
 /** Type Info and icon next to the label in the focused completion item **/
 
 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {

src/vs/editor/contrib/suggest/suggestWidget.ts

@@ -149,7 +149,7 @@ class ItemRenderer implements IListRenderer<CompletionItem, ISuggestionTemplateD
 		data.disposables.add(data.iconLabel);
 
 		data.signatureLabel = append(data.left, $('span.signature-label'));
-		data.qualifierLabel = append(data.right, $('span.qualifier-label'));
+		data.qualifierLabel = append(data.left, $('span.qualifier-label'));
 		data.detailsLabel = append(data.right, $('span.details-label'));
 
 		data.readMore = append(data.right, $('span.readMore.codicon.codicon-info'));