issue reporter styling fixes (microsoft#208340)

Author: justschen

src/vs/code/electron-sandbox/issue/issueReporterService.ts

@@ -166,6 +166,7 @@ export class IssueReporter extends Disposable {
 		}
 	}
 
+	// TODO @justschen: After migration to Aux Window, switch to dedicated css.
 	private applyStyles(styles: IssueReporterStyles) {
 		const styleTag = document.createElement('style');
 		const content: string[] = [];

src/vs/code/electron-sandbox/issue/media/issueReporter.css

@@ -72,7 +72,7 @@ textarea {
 	width: auto;
 	padding: 4px 10px;
 	align-self: flex-end;
-	margin-bottom: 10px;
+	margin-bottom: 1em;
 	font-size: 13px;
 }
 
@@ -157,7 +157,8 @@ body {
 	padding-bottom: 2em;
 	display: flex;
 	flex-direction: column;
-	height: 100%;
+	min-height: 100%;
+	overflow: visible;
 }
 
 .description-section {
@@ -213,6 +214,10 @@ select, input, textarea {
 	border-top: 0px !important;
 }
 
+#issue-reporter .system-info {
+	margin-bottom: 10px;
+}
+
 
 input[type="checkbox"] {
 	width: auto;
@@ -364,6 +369,7 @@ a {
 }
 
 .issues-container > .issue > .issue-state {
+	display: flex;
 	width: 77px;
 	padding: 3px 6px;
 	margin-right: 5px;
@@ -373,8 +379,13 @@ a {
 }
 
 .issues-container > .issue .label {
+	padding-top: 2px;
 	margin-left: 5px;
 	width: 44px;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }
+
+.issues-container > .issue .issue-icon{
+	padding-top: 2px;
+}