diff --git a/superset-frontend/src/SqlLab/components/RunQueryActionButton.tsx b/superset-frontend/src/SqlLab/components/RunQueryActionButton.tsx index 9d22ce5b7c..0769043862 100644 --- a/superset-frontend/src/SqlLab/components/RunQueryActionButton.tsx +++ b/superset-frontend/src/SqlLab/components/RunQueryActionButton.tsx @@ -21,7 +21,7 @@ import { t, styled, supersetTheme } from '@superset-ui/core'; import { Menu } from 'src/common/components'; import Button, { ButtonProps } from 'src/components/Button'; -import Icon from 'src/components/Icon'; +import Icons from 'src/components/Icons'; import { DropdownButton, DropdownButtonProps, @@ -77,6 +77,10 @@ const StyledButton = styled.span` &:last-of-type { margin-right: ${({ theme }) => theme.gridUnit * 2}px; } + span[name='caret-down'] { + display: flex; + margin-right: ${({ theme }) => theme.gridUnit * -2}px; + } } `; @@ -116,8 +120,8 @@ const RunQueryActionButton = ({ ? { overlay: overlayCreateAsMenu, icon: ( - theme.colors.grayscale.base}; + svg { + vertical-align: -${({ theme }) => theme.gridUnit * 1.25}px; + margin: 0; + } } `; @@ -150,12 +156,7 @@ export default function SaveQuery({ return ( void; } +const StyledIcon = styled(Icons.Link)` + &:first-of-type { + margin: 0; + display: flex; + svg { + margin: 0; + } + } +`; + function ShareSqlLabQuery({ queryEditor, addDangerToast, @@ -86,14 +96,12 @@ function ShareSqlLabQuery({ : t('Save the query to enable this feature'); return ( );