From 34f6083bfc1b1dccb0ca8b33f987b781449b6ff1 Mon Sep 17 00:00:00 2001 From: Kim Santiago <31145923+kisantia@users.noreply.github.com> Date: Wed, 27 Apr 2022 17:06:42 -0700 Subject: [PATCH] fix alignment in update project from db dialog (#19207) --- .../src/dialogs/updateProjectFromDatabaseDialog.ts | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/extensions/sql-database-projects/src/dialogs/updateProjectFromDatabaseDialog.ts b/extensions/sql-database-projects/src/dialogs/updateProjectFromDatabaseDialog.ts index 4d4df02759..68136b7b9f 100644 --- a/extensions/sql-database-projects/src/dialogs/updateProjectFromDatabaseDialog.ts +++ b/extensions/sql-database-projects/src/dialogs/updateProjectFromDatabaseDialog.ts @@ -384,8 +384,9 @@ export class UpdateProjectFromDatabaseDialog { width: cssStyles.updateProjectFromDatabaseLabelWidth }).component(); - const projectLocationRow = view.modelBuilder.flexContainer().withItems([projectLocationLabel, this.projectFileTextBox], { flex: '0 0 auto', CSSStyles: { 'margin-right': '10px', 'margin-bottom': '-5px', 'margin-top': '-10px' } }).component(); - projectLocationRow.addItem(browseFolderButton, { CSSStyles: { 'margin-right': '0px', 'margin-bottom': '-5px', 'margin-top': '-10px' } }); + const projectLocationRow = view.modelBuilder.flexContainer().withItems([projectLocationLabel,], { flex: '0 0 auto', CSSStyles: { 'margin-right': '10px', 'margin-bottom': '-5px', 'margin-top': '-7px' } }).component(); + projectLocationRow.addItem(this.projectFileTextBox, { CSSStyles: { 'margin-right': '10px' } }); + projectLocationRow.addItem(browseFolderButton, { CSSStyles: { 'margin-top': '2px' } }); return projectLocationRow; } @@ -482,8 +483,8 @@ export class UpdateProjectFromDatabaseDialog { width: cssStyles.updateProjectFromDatabaseLabelWidth }).component(); - const actionRow = view.modelBuilder.flexContainer().withItems([actionLabel, radioButtons], { flex: '0 0 auto', CSSStyles: { 'margin-right': '10px', 'margin-bottom': '-10px' } }).withLayout({ flexFlow: 'row', alignItems: 'center' }).component(); - + const actionRow = view.modelBuilder.flexContainer().withItems([actionLabel], { flex: '0 0 auto', CSSStyles: { 'margin-right': '10px', 'margin-top': '-17px' } }).withLayout({ flexFlow: 'row', alignItems: 'center' }).component(); + actionRow.addItem(radioButtons); return actionRow; }