suggest: more style changes

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

@@ -55,7 +55,8 @@
 	display: none;
 	max-height: 3.4em;
 	overflow: hidden;
-	height: 22px;
+	height: 24px;
+	line-height: 24px;
 }
 
 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .docs > .docs-text {
@@ -67,12 +68,13 @@
 }
 
 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .docs > .docs-details {
-	/*font-size: 1.4em;*/
 	opacity: 0.6;
 	width: 14px;
-	height: 14px;
+	height: 100%;
 	background-image: url('./info.svg');
 	background-size: 14px;
+	background-position: center center;
+	background-repeat: no-repeat;
 }
 
 .monaco-editor .suggest-widget .details > .header > .go-back,
@@ -183,6 +185,8 @@
 	height: 14px;
 	background-image: url('./back.svg');
 	background-size: 14px;
+	background-position: center center;
+	background-repeat: no-repeat;
 }
 
 .monaco-editor .suggest-widget .details > .header > .go-back:hover {

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

@@ -27,6 +27,8 @@ import { ICompletionItem, CompletionModel } from '../common/completionModel';
 import { alert } from 'vs/base/browser/ui/aria/aria';
 import { ITelemetryService } from 'vs/platform/telemetry/common/telemetry';
 
+const sticky = false; // for development purposes
+
 interface ISuggestionTemplateData {
 	root: HTMLElement;
 	icon: HTMLElement;
@@ -144,7 +146,7 @@ class Renderer implements IRenderer<ICompletionItem, ISuggestionTemplateData> {
 	}
 }
 
-const FocusHeight = 40;
+const FocusHeight = 42;
 const UnfocusedHeight = 20;
 
 class Delegate implements IDelegate<ICompletionItem> {
@@ -384,6 +386,10 @@ export class SuggestWidget implements IContentWidget, IDisposable {
 	}
 
 	private onEditorBlur(): void {
+		if (sticky) {
+			return;
+		}
+
 		this.editorBlurTimeout = TPromise.timeout(150).then(() => {
 			if (!this.editor.isFocused()) {
 				this.setState(State.Hidden);