From 22f2151c218349ff61b74b673133435b2289c144 Mon Sep 17 00:00:00 2001
From: Abbie Petchtes <appetcht@microsoft.com>
Date: Tue, 21 Aug 2018 16:16:15 -0700
Subject: [PATCH] fix the layout issue in model view (#2280)

---
 .../parts/modelComponents/modelViewContent.component.ts   | 2 +-
 src/sql/platform/dialog/dialogContainer.component.ts      | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/sql/parts/modelComponents/modelViewContent.component.ts b/src/sql/parts/modelComponents/modelViewContent.component.ts
index 7c0e436de0..ff19643cd1 100644
--- a/src/sql/parts/modelComponents/modelViewContent.component.ts
+++ b/src/sql/parts/modelComponents/modelViewContent.component.ts
@@ -25,7 +25,7 @@ import * as sqlops from 'sqlops';
 @Component({
 	selector: 'modelview-content',
 	template: `
-		<div *ngIf="rootDescriptor" style="width: 100%; height: 100%; position: absolute;">
+	<div *ngIf="rootDescriptor" style="width: 100%; height: 100%;">
 			<model-component-wrapper style="display: block; height: 100%" [descriptor]="rootDescriptor" [modelStore]="modelStore">
 			</model-component-wrapper>
 		</div>
diff --git a/src/sql/platform/dialog/dialogContainer.component.ts b/src/sql/platform/dialog/dialogContainer.component.ts
index 7318ecba40..c283e865db 100644
--- a/src/sql/platform/dialog/dialogContainer.component.ts
+++ b/src/sql/platform/dialog/dialogContainer.component.ts
@@ -30,10 +30,12 @@ export interface DialogComponentParams extends IBootstrapParams {
 				<h1 class="wizardPageTitle">{{_dialogPane.title}}</h1>
 				<div *ngIf="_dialogPane.description">{{_dialogPane.description}}</div>
 			</div>
-			<modelview-content [modelViewId]="modelViewId" style="flex: 1 1 auto; position: relative;">
-			</modelview-content>
+			<div style="flex: 1 1 auto; position: relative;">
+				<modelview-content [modelViewId]="modelViewId" style="width: 100%; height: 100%; position: absolute;">
+				</modelview-content>
+			</div>
 		</div>
-		<modelview-content [modelViewId]="modelViewId" *ngIf="!_dialogPane || !_dialogPane.displayPageTitle" style="flex: 1 1 auto; position: relative;">
+		<modelview-content [modelViewId]="modelViewId" *ngIf="!_dialogPane || !_dialogPane.displayPageTitle">
 		</modelview-content>
 	`
 })