From df804d07292b405556e1251b74296960fd3481de Mon Sep 17 00:00:00 2001
From: Matt Irvine <mji7wb@virginia.edu>
Date: Fri, 3 Aug 2018 16:17:49 -0700
Subject: [PATCH] Make sure chart viewer height gets set correctly (#2143)

---
 src/sql/parts/query/editor/media/queryEditor.css     | 5 +++++
 src/sql/parts/query/views/queryOutput.component.html | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/sql/parts/query/editor/media/queryEditor.css b/src/sql/parts/query/editor/media/queryEditor.css
index bb492783f6..2a6587e565 100644
--- a/src/sql/parts/query/editor/media/queryEditor.css
+++ b/src/sql/parts/query/editor/media/queryEditor.css
@@ -21,4 +21,9 @@
 
 .editDataEditor {
 	height: inherit
+}
+
+#chartViewerDiv .chartViewer {
+	display: flex;
+	flex-direction: column;
 }
\ No newline at end of file
diff --git a/src/sql/parts/query/views/queryOutput.component.html b/src/sql/parts/query/views/queryOutput.component.html
index 46c0e855a7..32bc9f62f3 100644
--- a/src/sql/parts/query/views/queryOutput.component.html
+++ b/src/sql/parts/query/views/queryOutput.component.html
@@ -33,7 +33,7 @@
 	<tab *ngIf="showChartView" [visibilityType]="'visibility'" [title]="chartViewerTitle" [identifier]="chartViewerTabIdentifier">
 		<ng-template>
 			<div id="chartViewerDiv" class="headersVisible fullsize" >
-				<chart-viewer [dataSet]="activeDataSet" class="fullsize" style="display: block">
+				<chart-viewer [dataSet]="activeDataSet" class="fullsize chartViewer">
 				</chart-viewer>
 			</div>
 		</ng-template>