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={
-
+
}
/>