(superset) branch master updated: style(database-modal): vertically align the button and the InfoTooltip icon (#36087)

[enzomartellucci]

This is an automated email from the ASF dual-hosted git repository.

enzomartellucci pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/superset.git


The following commit(s) were added to refs/heads/master by this push:
     new f8933c2743 style(database-modal): vertically align the button and the 
InfoTooltip icon (#36087)
f8933c2743 is described below

commit f8933c27433e742132b0efe89911e9f319a745e3
Author: Enzo Martellucci <52219496+enx...@users.noreply.github.com>
AuthorDate: Fri Nov 14 15:45:41 2025 +0100

    style(database-modal): vertically align the button and the InfoTooltip icon 
(#36087)
---
 .../src/features/databases/DatabaseModal/SqlAlchemyForm.tsx           | 4 ++--
 superset-frontend/src/features/databases/DatabaseModal/styles.ts      | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git 
a/superset-frontend/src/features/databases/DatabaseModal/SqlAlchemyForm.tsx 
b/superset-frontend/src/features/databases/DatabaseModal/SqlAlchemyForm.tsx
index 8463a1fa69..81b0927a92 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/SqlAlchemyForm.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/SqlAlchemyForm.tsx
@@ -21,7 +21,7 @@ import { t } from '@superset-ui/core';
 import { SupersetTheme } from '@apache-superset/core/ui';
 import SupersetText from 'src/utils/textUtils';
 import { Input, Button } from '@superset-ui/core/components';
-import { StyledInputContainer, wideButton } from './styles';
+import { StyledInputContainer, wideButton, marginBottom } from './styles';
 import { DatabaseObject } from '../types';
 
 const SqlAlchemyTab = ({
@@ -102,7 +102,7 @@ const SqlAlchemyTab = ({
         loading={testInProgress}
         cta
         buttonStyle="link"
-        css={(theme: SupersetTheme) => wideButton(theme)}
+        css={(theme: SupersetTheme) => [wideButton(theme), 
marginBottom(theme)]}
       >
         {t('Test connection')}
       </Button>
diff --git a/superset-frontend/src/features/databases/DatabaseModal/styles.ts 
b/superset-frontend/src/features/databases/DatabaseModal/styles.ts
index d4c7867961..b35ec74730 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/styles.ts
+++ b/superset-frontend/src/features/databases/DatabaseModal/styles.ts
@@ -106,6 +106,7 @@ export const infoTooltip = (theme: SupersetTheme) => css`
     margin-bottom: ${theme.sizeUnit * 0.25}px;
   }
   display: flex;
+  align-items: center;
 `;
 
 export const toggleStyle = (theme: SupersetTheme) => css`
@@ -324,6 +325,7 @@ export const StyledAlignment = styled.div`
 
 export const buttonLinkStyles = (theme: SupersetTheme) => css`
   text-transform: initial;
+  padding: 0 ${theme.sizeUnit * 4}px;
   padding-right: ${theme.sizeUnit * 2}px;
 `;
 
@@ -335,8 +337,8 @@ export const importDbButtonLinkStyles = (theme: 
SupersetTheme) => css`
 
 export const alchemyButtonLinkStyles = (theme: SupersetTheme) => css`
   text-transform: initial;
-  padding: ${theme.sizeUnit * 8}px 0 0;
   margin-left: 0px;
+  padding: 0 ${theme.sizeUnit * 2}px 0 0;
 `;
 
 export const TabHeader = styled.div`