diff --git a/superset-frontend/src/components/CopyToClipboard.jsx b/superset-frontend/src/components/CopyToClipboard.jsx index d6be031e01..917d0d1e8b 100644 --- a/superset-frontend/src/components/CopyToClipboard.jsx +++ b/superset-frontend/src/components/CopyToClipboard.jsx @@ -71,15 +71,11 @@ class CopyToClipboard extends React.Component { } getDecoratedCopyNode() { - return React.cloneElement( - this.props.copyNode, - { - style: { cursor: 'pointer' }, - onClick: this.onClick, - onMouseOut: this.onMouseOut, - }, - null, - ); + return React.cloneElement(this.props.copyNode, { + style: { cursor: 'pointer' }, + onClick: this.onClick, + onMouseOut: this.onMouseOut, + }); } resetTooltipText() { diff --git a/superset-frontend/src/explore/components/DisplayQueryButton.jsx b/superset-frontend/src/explore/components/DisplayQueryButton.jsx index ab19c5fb49..869674dc30 100644 --- a/superset-frontend/src/explore/components/DisplayQueryButton.jsx +++ b/superset-frontend/src/explore/components/DisplayQueryButton.jsx @@ -75,6 +75,24 @@ const CopyButton = styled(Button)` && { margin-left: ${({ theme }) => theme.gridUnit * 2}px; } + + i { + padding: 0; + } +`; + +const CopyButtonViewQuery = styled(Button)` + padding: ${({ theme }) => theme.gridUnit / 2}px + ${({ theme }) => theme.gridUnit * 2.5}px; + font-size: ${({ theme }) => theme.typography.sizes.s}px; + + && { + margin-bottom: 5px; + } + + i { + padding: 0; + } `; export const DisplayQueryButton = props => { @@ -188,9 +206,9 @@ export const DisplayQueryButton = props => { text={query} shouldShowText={false} copyNode={ - + } />