Use regular width buttons for walkthrough steps (microsoft#166664)

daviddossett · Eduardo Sonnino · web-flow · commit b1fd1abd7206 · 2022-11-21T10:52:33.000-08:00
* 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 &lt;edsonn@microsoft.com&gt;
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;
 }

Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,6 @@ export class GettingStartedDetailsRenderer {`
`62`	`62`	`}`
`63`	`63`	`.theme-picker-row {`
`64`	`64`	`display: flex;`
`65`		`- gap: 32px;`
`66`	`65`	`justify-content: center;`
`67`	`66`	`}`
`68`	`67`	`checklist {`
Original file line number	Diff line number	Diff line change
`@@ -830,7 +830,9 @@`
`830`	`830`
`831`	`831`	`.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description-container .monaco-button {`
`832`	`832`	`height: 26px;`
	`833`	`+ width: fit-content;`
`833`	`834`	`display: flex;`
	`835`	`+ padding: 0 11px;`
`834`	`836`	`margin-bottom: 12px;`
`835`	`837`	`align-items: center;`
`836`	`838`	`}`