From 22b6f2fb6c60f3c757a888e67eeef2e3ee4e8dc0 Mon Sep 17 00:00:00 2001
From: Justin Chen <54879025+justschen@users.noreply.github.com>
Date: Thu, 21 Mar 2024 15:15:50 -0700
Subject: [PATCH] issue reporter styling fixes (#208340)

---
 .../issue/issueReporterService.ts                 |  1 +
 .../issue/media/issueReporter.css                 | 15 +++++++++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/vs/code/electron-sandbox/issue/issueReporterService.ts b/src/vs/code/electron-sandbox/issue/issueReporterService.ts
index 0887c6cc47d..ebc539729d1 100644
--- a/src/vs/code/electron-sandbox/issue/issueReporterService.ts
+++ b/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[] = [];
diff --git a/src/vs/code/electron-sandbox/issue/media/issueReporter.css b/src/vs/code/electron-sandbox/issue/media/issueReporter.css
index 8c452086409..152d6c38bc8 100644
--- a/src/vs/code/electron-sandbox/issue/media/issueReporter.css
+++ b/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;
+}