From 92d9d04a78d40e437fc819a273e40a5662b929e8 Mon Sep 17 00:00:00 2001
From: Alan Ren <alanren@microsoft.com>
Date: Thu, 25 Oct 2018 14:26:44 -0700
Subject: [PATCH] make checkbox vertically aligned and remove the x scroll for
 modaldialog (#3005)

---
 src/sql/base/browser/ui/checkbox/checkbox.ts  | 2 ++
 src/sql/platform/dialog/media/dialogModal.css | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/sql/base/browser/ui/checkbox/checkbox.ts b/src/sql/base/browser/ui/checkbox/checkbox.ts
index cba070a280..f4a3d36dba 100644
--- a/src/sql/base/browser/ui/checkbox/checkbox.ts
+++ b/src/sql/base/browser/ui/checkbox/checkbox.ts
@@ -27,6 +27,7 @@ export class Checkbox extends Widget {
 
 		this._el = document.createElement('input');
 		this._el.type = 'checkbox';
+		this._el.style.verticalAlign = 'middle';
 
 		if (opts.ariaLabel) {
 			this._el.setAttribute('aria-label', opts.ariaLabel);
@@ -44,6 +45,7 @@ export class Checkbox extends Widget {
 		});
 
 		this._label = document.createElement('span');
+		this._label.style.verticalAlign = 'middle';
 
 		this.label = opts.label;
 		this.enabled = opts.enabled || true;
diff --git a/src/sql/platform/dialog/media/dialogModal.css b/src/sql/platform/dialog/media/dialogModal.css
index 7966684ea0..4f0e201e11 100644
--- a/src/sql/platform/dialog/media/dialogModal.css
+++ b/src/sql/platform/dialog/media/dialogModal.css
@@ -21,7 +21,8 @@
 	flex-direction: column;
 	width: 100%;
 	height: 100%;
-	overflow: scroll;
+	overflow-x: hidden;
+	overflow-y: scroll;
 }
 
 .dialogModal-hidden {