From 92192baf760315ac47fb2caaf3ce6d0778962352 Mon Sep 17 00:00:00 2001
From: Jackson Kearl <jakearl@microsoft.com>
Date: Wed, 2 Dec 2020 19:56:11 -0800
Subject: [PATCH] Bring content closer to center vertical when space permitting
 Ref #111753

---
 .../welcome/gettingStarted/browser/gettingStarted.css  | 10 ++++++++++
 .../browser/vs_code_editor_getting_started.ts          |  2 ++
 2 files changed, 12 insertions(+)

diff --git a/src/vs/workbench/contrib/welcome/gettingStarted/browser/gettingStarted.css b/src/vs/workbench/contrib/welcome/gettingStarted/browser/gettingStarted.css
index 766c3af7ccd..f41c4c53565 100644
--- a/src/vs/workbench/contrib/welcome/gettingStarted/browser/gettingStarted.css
+++ b/src/vs/workbench/contrib/welcome/gettingStarted/browser/gettingStarted.css
@@ -16,6 +16,16 @@
 	left: 0;
 }
 
+.monaco-workbench .part.editor > .content .walkThroughContent .gettingStartedContainer .gettingStartedSlide.categories {
+	height: calc(100% - 50px);
+	display: flex;
+	flex-direction: column;
+}
+
+.monaco-workbench .part.editor > .content .walkThroughContent .gettingStartedContainer .gettingStartedSlide.categories .gap {
+	flex: 150px 0 1
+}
+
 .monaco-workbench .part.editor > .content .walkThroughContent .gettingStartedContainer .gettingStartedSlide.categories .header {
 	margin-top: 32px;
 	display: flex;
diff --git a/src/vs/workbench/contrib/welcome/gettingStarted/browser/vs_code_editor_getting_started.ts b/src/vs/workbench/contrib/welcome/gettingStarted/browser/vs_code_editor_getting_started.ts
index f823a50031c..dd62545272f 100644
--- a/src/vs/workbench/contrib/welcome/gettingStarted/browser/vs_code_editor_getting_started.ts
+++ b/src/vs/workbench/contrib/welcome/gettingStarted/browser/vs_code_editor_getting_started.ts
@@ -10,11 +10,13 @@ export default () => `
 <div class="gettingStartedContainer">
 	<div class="gettingStarted" role="document">
 		<div id="gettingStartedSlideCategory" class="gettingStartedSlide categories">
+			<div class="gap"></div>
 			<div class="header">
 				<h1 id="product-name" class="caption">${escape(localize('gettingStarted.vscode', "Visual Studio Code"))}</h1>
 				<p class="subtitle description">${escape(localize({ key: 'gettingStarted.editingRedefined', comment: ['Shown as subtitle on the Welcome page.'] }, "Code editing. Redefined"))}</p>
 			</div>
 			<div id="getting-started-categories-container"></div>
+			<div class="gap"></div>
 		</div>
 		<div id="gettingStartedSlideDetails" class="gettingStartedSlide detail">
 			<a class="prev-button" x-dispatch="scrollPrev"><span
-- 
GitLab