From 869f83f5a3ae349b6608a2eb0fdef1b13b4cb41e Mon Sep 17 00:00:00 2001
From: goyal-anjali <66509246+goyal-anjali@users.noreply.github.com>
Date: Sun, 12 Sep 2021 01:24:07 +0530
Subject: [PATCH] Update card styling on extension dashboard (#17032)

---
 .../src/dashboard/sqlServerDashboard.ts            | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/extensions/sql-migration/src/dashboard/sqlServerDashboard.ts b/extensions/sql-migration/src/dashboard/sqlServerDashboard.ts
index 35cd3d6e93..193a55ff6f 100644
--- a/extensions/sql-migration/src/dashboard/sqlServerDashboard.ts
+++ b/extensions/sql-migration/src/dashboard/sqlServerDashboard.ts
@@ -234,7 +234,12 @@ export class DashboardWidget {
 			title: taskMetaData.title,
 			width: maxWidth,
 			CSSStyles: {
-				'border': '1px solid'
+				'border': '1px solid',
+				'display': 'flex',
+				'flex-direction': 'column',
+				'justify-content': 'flex-start',
+				'border-radius': '4px',
+				'transition': 'all .5s ease',
 			}
 		}).component();
 		this._disposables.push(buttonContainer.onDidClick(async () => {
@@ -389,7 +394,12 @@ export class DashboardWidget {
 				'width': '400px',
 				'border': '1px solid',
 				'margin-top': '10px',
-				'height': '50px'
+				'height': '50px',
+				'display': 'flex',
+				'flex-direction': 'column',
+				'justify-content': 'flex-start',
+				'border-radius': '4px',
+				'transition': 'all .5s ease',
 			}
 		}).component();
 		return {