diff --git a/superset-frontend/src/SqlLab/components/ResultSet.jsx b/superset-frontend/src/SqlLab/components/ResultSet.jsx index cbe704e524ba..f3f0ea89d207 100644 --- a/superset-frontend/src/SqlLab/components/ResultSet.jsx +++ b/superset-frontend/src/SqlLab/components/ResultSet.jsx @@ -143,48 +143,42 @@ export default class ResultSet extends React.PureComponent { } return (
-
-
- - {this.props.visualize && ( - - )} - {this.props.csv && ( - - )} +
+ {this.props.visualize && ( + + )} + {this.props.csv && ( + + )} - - {t('Clipboard')} - - } - /> - -
-
- {this.props.search && ( - - )} -
+ + {t('Clipboard')} + + } + />
+ {this.props.search && ( + + )}
); } diff --git a/superset-frontend/src/SqlLab/main.less b/superset-frontend/src/SqlLab/main.less index 230dbcf2a11f..19cd5f87489c 100644 --- a/superset-frontend/src/SqlLab/main.less +++ b/superset-frontend/src/SqlLab/main.less @@ -359,7 +359,21 @@ div.tablePopover { } .ResultSetControls { + display: flex; + justify-content: space-between; padding: 8px 0; + position: fixed; +} + +.ResultSetButtons { + display: grid; + grid-auto-flow: column; + grid-gap: 4px; + padding-right: 8px; +} + +.filterable-table-container { + margin-top: 48px; } .ace_editor {