Fix some dialog styling issues

- Fix black text caused by 1.32.0 upgrade.
- Fix various alignment and padding issues (a few elements with more
  space below than above).

packages/vscode/src/dialog.scss

@@ -28,17 +28,14 @@
 		font-weight: normal;
 		text-transform: uppercase;
 		white-space: nowrap;
-		padding-left: 10px;
+		padding: 5px 10px;
 	}
 
 	.nav {
 		display: flex;
 		flex-direction: row;
 		padding: 4px;
-		padding-top: 8px;
-		padding-bottom: 8px;
 		border-bottom: 1px solid var(--border);
-		min-height: 32px;
 	}
 
 	.path {
@@ -48,7 +45,7 @@
 		.path-part {
 			padding: 5px;
 			border-radius: 3px;
-			font-size: 1.2em;
+			font-size: 1.02em;
 			cursor: pointer;
 
 			&:not(:first-child) {
@@ -80,7 +77,7 @@
 
 		.dialog-entry {
 			cursor: pointer;
-			font-size: 1.2em;
+			font-size: 1.02em;
 			padding: 0px;
 			padding-left: 8px;
 			padding-right: 8px;

packages/vscode/src/dialog.ts

@@ -110,7 +110,7 @@ class Dialog {
 		this.root.style.width = "850px";
 		this.root.style.height = "600px";
 		this.background.appendChild(this.root);
-		document.body.appendChild(this.background);
+		(document.getElementById("workbench.main.container") || document.body).appendChild(this.background);
 		this.root.classList.add("dialog");
 
 		const setProperty = (vari: string, id: string): void => {