Settings editor - add feedback button

src/vs/workbench/parts/preferences/browser/media/settingsEditor2.css

@@ -316,3 +316,16 @@
 	left: -19px;
 	top: 4px;
 }
+
+.settings-editor > .settings-body .settings-feedback-button {
+	color: rgb(255, 255, 255);
+	background-color: rgb(14, 99, 156);
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	width: initial;
+	margin-right: 15px;
+	margin-bottom: 15px;
+	padding: 10px;
+	border-radius: 5px;
+}

src/vs/workbench/parts/preferences/browser/settingsEditor2.ts

@@ -272,6 +272,7 @@ export class SettingsEditor2 extends BaseEditor {
 		const bodyContainer = DOM.append(parent, $('.settings-body'));
 
 		this.createList(bodyContainer);
+		this.createFeedbackButton(bodyContainer);
 	}
 
 	private createList(parent: HTMLElement): void {
@@ -328,6 +329,18 @@ export class SettingsEditor2 extends BaseEditor {
 		}));
 	}
 
+	private createFeedbackButton(parent: HTMLElement): void {
+		const feedbackButton = this._register(new Button(parent));
+		feedbackButton.label = localize('feedbackButtonLabel', "Provide Feedback");
+		feedbackButton.element.classList.add('settings-feedback-button');
+
+		this._register(attachButtonStyler(feedbackButton, this.themeService));
+		this._register(feedbackButton.onDidClick(() => {
+			// Github master issue
+			window.open('https://go.microsoft.com/fwlink/?linkid=2000807');
+		}));
+	}
+
 	private toggleGroupExpanded(id: string): void {
 		const isExpanded = !!this.groupExpanded.get(id);
 		this.groupExpanded.set(id, !isExpanded);