debug: ux polish for stack frame paging

#4792

src/vs/workbench/parts/debug/browser/debugViewer.ts

@@ -319,7 +319,7 @@ export class CallStackRenderer implements tree.IRenderer {
 	}
 
 	private renderLoadMore(element: any, data: ILoadMoreTemplateData): void {
-		data.label.textContent = nls.localize('loadMoreStackFrames', "Load More Stack Frames...");
+		data.label.textContent = nls.localize('loadMoreStackFrames', "Load More Stack Frames");
 	}
 
 	private renderStackFrame(stackFrame: debug.IStackFrame, data: IStackFrameTemplateData): void {

src/vs/workbench/parts/debug/browser/debugViewlet.ts

@@ -265,7 +265,12 @@ class CallStackView extends viewlet.CollapsibleViewletView {
 			if (typeof element === 'number') {
 				const thread = this.debugService.getModel().getThreads()[element];
 				if (thread) {
-					thread.getCallStack(this.debugService, true).then(() => this.tree.refresh()).done(null, errors.onUnexpectedError);
+					thread.getCallStack(this.debugService, true)
+					.then(() => this.tree.refresh())
+					.then(() => {
+						this.tree.clearFocus();
+						this.tree.clearSelection();
+					}).done(null, errors.onUnexpectedError);
 				}
 			}
 		}));

src/vs/workbench/parts/debug/browser/media/debugViewlet.css

@@ -160,6 +160,7 @@
 
 .debug-viewlet .debug-call-stack .load-more {
 	font-style: italic;
+	text-align: center;
 }
 
 /* Variables & Expression view */