Reverted widget height to the original way of calculation. Change title font.

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

@@ -6,7 +6,6 @@
 import 'vs/css!../browser/media/exceptionWidget';
 import * as nls from 'vs/nls';
 import * as dom from 'vs/base/browser/dom';
-import strings = require('vs/base/common/strings');
 import { ZoneWidget } from 'vs/editor/contrib/zoneWidget/browser/zoneWidget';
 import { ICodeEditor } from 'vs/editor/browser/editorBrowser';
 import { IContextViewService } from 'vs/platform/contextview/browser/contextView';
@@ -38,9 +37,4 @@ export class ExceptionWidget extends ZoneWidget {
 			dom.append(container, msg);
 		}
 	}
-
-	protected _doLayout(heightInPixel: number, widthInPixel: number): void {
-		const fontSize = this.editor.getConfiguration().fontInfo.fontSize;
-		this.container.style.height = strings.format('{0}px', fontSize / 0.4);
-	}
 }

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

@@ -7,6 +7,7 @@
 	height: 30px !important;
 	display: flex;
 	border-color: #007ACC;
+	background: white;
 }
 
 .monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .breakpoint-select-container {

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

@@ -9,6 +9,9 @@
 
 .monaco-editor .zone-widget .zone-widget-container.exception-widget .title {
 	font-weight: bold;
+}
+
+.monaco-editor .zone-widget .zone-widget-container.exception-widget .message {
 	font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace, "Droid Sans Fallback";
 }
 

src/vs/workbench/parts/debug/electron-browser/debugEditorContribution.ts

@@ -332,7 +332,7 @@ export class DebugEditorContribution implements IDebugEditorContribution {
 		}
 
 		this.exceptionWidget = this.instantiationService.createInstance(ExceptionWidget, this.editor, lineNumber);
-		this.exceptionWidget.show({ lineNumber, column }, 3.5);
+		this.exceptionWidget.show({ lineNumber, column }, 3);
 	}
 
 	private closeExceptionWidget(): void {