diff --git a/superset-frontend/src/explore/components/ExploreChartHeader.jsx b/superset-frontend/src/explore/components/ExploreChartHeader.jsx index 45f6e08a316eb..52af3df178779 100644 --- a/superset-frontend/src/explore/components/ExploreChartHeader.jsx +++ b/superset-frontend/src/explore/components/ExploreChartHeader.jsx @@ -60,17 +60,21 @@ const StyledHeader = styled.div` flex-direction: row; align-items: center; flex-wrap: wrap; + justify-content: space-between; span[role='button'] { display: flex; height: 100%; } + .title-panel { + display: flex; + align-items: center; + } + .right-button-panel { display: flex; - flex: 1 1 auto; align-items: center; - justify-content: flex-end; > .btn-group { flex: 0 0 auto; @@ -132,50 +136,52 @@ export class ExploreChartHeader extends React.PureComponent { this.props.chart.chartStatus, ); return ( - - - - {this.props.slice && ( - - - - - - - - - - )} - {this.props.chart.sliceFormData && ( - +
+ - )} + + {this.props.slice && ( + + + + + + + + + {this.props.chart.sliceFormData && ( + + )} + + )} +
{chartFinished && queryResponse && (