Use regular width buttons for walkthrough steps (#166664)

* Use regular width buttons for walkthrough steps * Small padding tweaks when windows is narrow * Remove whitespace and normalize padding rules * Fix padding Co-authored-by: Eduardo Sonnino <edsonn@microsoft.com>
microsoft · Nov 21, 2022 · b1fd1ab · b1fd1ab
1 parent 0131be0
commit b1fd1ab
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedDetailsRenderer.ts b/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedDetailsRenderer.ts
@@ -62,7 +62,6 @@ export class GettingStartedDetailsRenderer {
 					}
 					.theme-picker-row {
 						display: flex;
-						gap: 32px;
 						justify-content: center;
 					}
 					checklist {

diff --git a/src/vs/workbench/contrib/welcomeGettingStarted/browser/media/gettingStarted.css b/src/vs/workbench/contrib/welcomeGettingStarted/browser/media/gettingStarted.css
@@ -830,7 +830,9 @@
 
 .monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description-container .monaco-button {
 	height: 26px;
+	width: fit-content;
 	display: flex;
+	padding: 0 11px;
 	margin-bottom: 12px;
 	align-items: center;
 }