From acc6fd0f96741249e397dfcbf9a67080663ba515 Mon Sep 17 00:00:00 2001
From: stuti149 <87131830+stuti149@users.noreply.github.com>
Date: Fri, 27 Aug 2021 13:35:37 +0530
Subject: [PATCH] Put search/ status/refresh in single line (#16898)

---
 .../migrationStatus/migrationStatusDialog.ts  | 43 ++++++++++---------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/extensions/sql-migration/src/dialog/migrationStatus/migrationStatusDialog.ts b/extensions/sql-migration/src/dialog/migrationStatus/migrationStatusDialog.ts
index 10fa06c4e2..7d293ba133 100644
--- a/extensions/sql-migration/src/dialog/migrationStatus/migrationStatusDialog.ts
+++ b/extensions/sql-migration/src/dialog/migrationStatus/migrationStatusDialog.ts
@@ -53,32 +53,12 @@ export class MigrationStatusDialog {
 		let tab = azdata.window.createTab('');
 		tab.registerContent(async (view: azdata.ModelView) => {
 			this._view = view;
-
-			this._statusDropdown = this._view.modelBuilder.dropDown().withProps({
-				ariaLabel: loc.MIGRATION_STATUS_FILTER,
-				values: this._model.statusDropdownValues,
-				width: '220px'
-			}).component();
-
-			this._disposables.push(this._statusDropdown.onValueChanged((value) => {
-				this.populateMigrationTable();
-			}));
-
-			if (this._filter) {
-				this._statusDropdown.value = (<azdata.CategoryValue[]>this._statusDropdown.values).find((value) => {
-					return value.name === this._filter;
-				});
-			}
-
 			this.registerCommands();
 			const formBuilder = view.modelBuilder.formContainer().withFormItems(
 				[
 					{
 						component: this.createSearchAndRefreshContainer()
 					},
-					{
-						component: this._statusDropdown
-					},
 					{
 						component: this.createStatusTable()
 					}
@@ -149,6 +129,29 @@ export class MigrationStatusDialog {
 			flex: '0'
 		});
 
+		this._statusDropdown = this._view.modelBuilder.dropDown().withProps({
+			ariaLabel: loc.MIGRATION_STATUS_FILTER,
+			values: this._model.statusDropdownValues,
+			width: '220px'
+		}).component();
+
+		this._disposables.push(this._statusDropdown.onValueChanged((value) => {
+			this.populateMigrationTable();
+		}));
+
+		if (this._filter) {
+			this._statusDropdown.value = (<azdata.CategoryValue[]>this._statusDropdown.values).find((value) => {
+				return value.name === this._filter;
+			});
+		}
+
+		flexContainer.addItem(this._statusDropdown, {
+			flex: '0',
+			CSSStyles: {
+				'margin-left': '20px'
+			}
+		});
+
 		flexContainer.addItem(this._refresh, {
 			flex: '0',
 			CSSStyles: {