diff --git a/superset-frontend/src/components/AlteredSliceTag/index.jsx b/superset-frontend/src/components/AlteredSliceTag/index.jsx index 220daae129ed8..74e4e5ec42c4e 100644 --- a/superset-frontend/src/components/AlteredSliceTag/index.jsx +++ b/superset-frontend/src/components/AlteredSliceTag/index.jsx @@ -182,10 +182,7 @@ export default class AlteredSliceTag extends React.Component { renderTriggerNode() { return ( - + {t('Altered')} diff --git a/superset-frontend/src/components/FaveStar/index.tsx b/superset-frontend/src/components/FaveStar/index.tsx index 5953075854984..0473e3d9b238b 100644 --- a/superset-frontend/src/components/FaveStar/index.tsx +++ b/superset-frontend/src/components/FaveStar/index.tsx @@ -68,11 +68,7 @@ const FaveStar = ({ data-test="fave-unfave-icon" role="button" > - {isStarred ? ( - - ) : ( - - )} + {isStarred ? : } ); diff --git a/superset-frontend/src/explore/components/ExploreChartHeader/index.jsx b/superset-frontend/src/explore/components/ExploreChartHeader/index.jsx index 6c8d3cb799f4a..bbaa34648b1a0 100644 --- a/superset-frontend/src/explore/components/ExploreChartHeader/index.jsx +++ b/superset-frontend/src/explore/components/ExploreChartHeader/index.jsx @@ -96,8 +96,19 @@ const StyledHeader = styled.div` `; const StyledButtons = styled.span` - display: flex; - align-items: center; + ${({ theme }) => css` + display: flex; + align-items: center; + padding-left: ${theme.gridUnit * 2}px; + + & .fave-unfave-icon { + padding: 0 ${theme.gridUnit}px; + + &:first-child { + padding-left: 0; + } + } + `} `; export class ExploreChartHeader extends React.PureComponent { @@ -236,16 +247,14 @@ export class ExploreChartHeader extends React.PureComponent { onSave={actions.updateChartTitle} placeholder={t('Add the name of the chart')} /> - {slice?.certified_by && ( - <> - {' '} - - )} {slice && ( + {slice.certified_by && ( + + )} {user.userId && (