From 6746e53a611ecb3e0777fca6a4c8387dc392513f Mon Sep 17 00:00:00 2001
From: kieferrm <kieferrm@gmail.com>
Date: Wed, 28 Sep 2016 09:56:46 -0700
Subject: [PATCH] Improve layout and typography (fixes #12899)

---
 src/vs/workbench/parts/watermark/watermark.css | 8 +++++++-
 src/vs/workbench/parts/watermark/watermark.ts  | 4 ++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/vs/workbench/parts/watermark/watermark.css b/src/vs/workbench/parts/watermark/watermark.css
index bb4845c900d..9bc78480d6e 100644
--- a/src/vs/workbench/parts/watermark/watermark.css
+++ b/src/vs/workbench/parts/watermark/watermark.css
@@ -58,13 +58,19 @@
 
 .monaco-workbench > .part.editor > .watermark dt {
 	text-align: right;
-	font-weight: bold;
+	letter-spacing: 0.04em
 }
 
 .monaco-workbench > .part.editor > .watermark dd {
 	text-align: left;
 }
 
+.monaco-workbench > .part.editor > .watermark dd > .shortcuts {
+	padding-left: 0.5em;
+	padding-right: 0.5em;
+	letter-spacing: 0.15em;
+}
+
 .monaco-workbench > .part.editor > .watermark dt,
 .monaco-workbench > .part.editor > .watermark dd {
 	display: table-cell;
diff --git a/src/vs/workbench/parts/watermark/watermark.ts b/src/vs/workbench/parts/watermark/watermark.ts
index 353f7a11184..3edbb99419c 100644
--- a/src/vs/workbench/parts/watermark/watermark.ts
+++ b/src/vs/workbench/parts/watermark/watermark.ts
@@ -47,10 +47,10 @@ export function create(container: Builder, keybindingService: IKeybindingService
 		entries.map(entry => {
 			builder.element('dl', {}, dl => {
 				dl.element('dt', {}, dt => dt.text(entry.text));
-				dl.element('dd', {}, dd => dd.text(
+				dl.element('dd', {}, dd => dd.innerHtml(
 					entry.ids
 						.map(id => keybindingService.lookupKeybindings(id).slice(0, 1)
-							.map(k => keybindingService.getLabelFor(k))
+							.map(k => `<span class="shortcuts">${keybindingService.getLabelFor(k)}</span>`)
 							.join('') || UNBOUND)
 						.join(' / ')
 				));
-- 
GitLab