Fix quick pick message size (#73359)

Fixes #73345
microsoft · May 7, 2019 · 8ef8aa6 · 8ef8aa6
1 parent 8099c01
commit 8ef8aa6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/vs/workbench/browser/parts/quickinput/quickInput.css b/src/vs/workbench/browser/parts/quickinput/quickInput.css
@@ -47,7 +47,8 @@
 
 .quick-input-header {
 	display: flex;
-	padding: 6px 6px 4px 6px;
+	padding: 6px 6px 0px 6px;
+	margin-bottom: -2px;
 }
 
 .quick-input-and-message {
@@ -98,13 +99,13 @@
 
 .quick-input-action .monaco-text-button {
 	font-size: 85%;
-	padding: 7px 6px 6px 6px;
+	padding: 7px 6px 5.5px 6px;
 	line-height: initial;
 }
 
 .quick-input-message {
 	margin-top: -1px;
-	padding: 6px 5px 2px 5px;
+	padding: 5px 5px 2px 5px;
 }
 
 .quick-input-progress.monaco-progress-container {

diff --git a/src/vs/workbench/browser/parts/quickinput/quickInput.ts b/src/vs/workbench/browser/parts/quickinput/quickInput.ts
@@ -307,9 +307,11 @@ class QuickInput implements IQuickInput {
 			const styles = this.ui.inputBox.stylesForType(severity);
 			this.ui.message.style.backgroundColor = styles.background ? `${styles.background}` : null;
 			this.ui.message.style.border = styles.border ? `1px solid ${styles.border}` : null;
+			this.ui.message.style.paddingBottom = '4px';
 		} else {
 			this.ui.message.style.backgroundColor = '';
 			this.ui.message.style.border = '';
+			this.ui.message.style.paddingBottom = '';
 		}
 	}