diff --git a/src/vs/editor/contrib/suggest/browser/back.svg b/src/vs/editor/contrib/suggest/browser/back.svg
new file mode 100644
index 00000000000..487340cd69a
--- /dev/null
+++ b/src/vs/editor/contrib/suggest/browser/back.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/vs/editor/contrib/suggest/browser/info.svg b/src/vs/editor/contrib/suggest/browser/info.svg
new file mode 100644
index 00000000000..6578b81ea3f
--- /dev/null
+++ b/src/vs/editor/contrib/suggest/browser/info.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/vs/editor/contrib/suggest/browser/suggest.css b/src/vs/editor/contrib/suggest/browser/suggest.css
index d1f3d389ff9..f539aaf0a8c 100644
--- a/src/vs/editor/contrib/suggest/browser/suggest.css
+++ b/src/vs/editor/contrib/suggest/browser/suggest.css
@@ -69,6 +69,10 @@
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .docs > .docs-details {
font-size: 1.4em;
opacity: 0.6;
+ width: 14px;
+ height: 14px;
+ background-image: url('./info.svg');
+ background-size: 14px;
}
.monaco-editor .suggest-widget .details > .header > .go-back,
@@ -176,6 +180,10 @@
.monaco-editor .suggest-widget .details > .header > .go-back {
cursor: pointer;
opacity: 0.6;
+ width: 14px;
+ height: 14px;
+ background-image: url('./back.svg');
+ background-size: 14px;
}
.monaco-editor .suggest-widget .details > .header > .go-back:hover {
diff --git a/src/vs/editor/contrib/suggest/browser/suggestWidget.ts b/src/vs/editor/contrib/suggest/browser/suggestWidget.ts
index a1d8a83cd09..811d31ebfec 100644
--- a/src/vs/editor/contrib/suggest/browser/suggestWidget.ts
+++ b/src/vs/editor/contrib/suggest/browser/suggestWidget.ts
@@ -71,7 +71,7 @@ class Renderer implements IRenderer {
const docs = append(text, $('.docs'));
data.documentation = append(docs, $('span.docs-text'));
- data.documentationDetails = append(docs, $('span.docs-details.octicon.octicon-info'));
+ data.documentationDetails = append(docs, $('span.docs-details'));
data.documentationDetails.title = nls.localize('readMore', "Read More...{0}", this.triggerKeybindingLabel);
const configureFont = () => {
@@ -211,7 +211,7 @@ class SuggestionDetails {
const header = append(this.el, $('.header'));
this.title = append(header, $('span.title'));
- this.back = append(header, $('span.go-back.octicon.octicon-mail-reply'));
+ this.back = append(header, $('span.go-back'));
this.back.title = nls.localize('goback', "Go back");
this.body = $('.body');