debug start view polish

microsoft#84677
devrsi0n · Nov 27, 2019 · d20d02f · d20d02f
1 parent 8ef5030
commit d20d02f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 15 deletions.
diff --git a/src/vs/workbench/contrib/debug/browser/media/debugViewlet.css b/src/vs/workbench/contrib/debug/browser/media/debugViewlet.css
@@ -17,7 +17,8 @@
 	padding: 0 20px 0 20px;
 }
 
-.debug-viewlet .debug-start-view .monaco-button {
+.debug-viewlet .debug-start-view .monaco-button,
+.debug-viewlet .debug-start-view .section {
 	margin-top: 20px;
 }
 

diff --git a/src/vs/workbench/contrib/debug/browser/startView.ts b/src/vs/workbench/contrib/debug/browser/startView.ts
@@ -40,33 +40,31 @@ export class StartView extends ViewletPane {
 	}
 
 	protected renderBody(container: HTMLElement): void {
-
-		const messageContainer = $('.section');
-		container.appendChild(messageContainer);
-		const messageElement = $('span');
-		messageContainer.appendChild(messageElement);
-		messageElement.textContent = localize('noLaunchConfiguration', "You have not yet configured launching. For a more complete debug and run experience");
-		const clickElement = $('span.configure');
-		clickElement.textContent = localize('configure', " create a `launch.json`");
-		clickElement.onclick = () => this.commandService.executeCommand(ConfigureAction.ID);
-		messageContainer.appendChild(clickElement);
-
-
 		this.debugButton = new Button(container);
-		this.debugButton.label = localize('debug', "Debug Code");
+		this.debugButton.label = localize('debug', "Debug");
 		this._register(this.debugButton.onDidClick(() => {
 			this.commandService.executeCommand(StartAction.ID);
 		}));
 		attachButtonStyler(this.debugButton, this.themeService);
 
 		this.runButton = new Button(container);
-		this.runButton.label = localize('run', "Run Code");
+		this.runButton.label = localize('run', "Run");
 
 		dom.addClass(container, 'debug-start-view');
 		this._register(this.runButton.onDidClick(() => {
 			this.commandService.executeCommand(RunAction.ID);
 		}));
 		attachButtonStyler(this.runButton, this.themeService);
+
+		const messageContainer = $('.section');
+		container.appendChild(messageContainer);
+		const messageElement = $('span');
+		messageContainer.appendChild(messageElement);
+		messageElement.textContent = localize('noLaunchConfiguration', "To specify how to run and debug your code, ");
+		const clickElement = $('span.configure');
+		clickElement.textContent = localize('configure', " create a launch.json file.");
+		clickElement.onclick = () => this.commandService.executeCommand(ConfigureAction.ID);
+		messageContainer.appendChild(clickElement);
 	}
 
 	protected layoutBody(_: number, __: number): void {