Fix plot ribbon copy buttons (#4147)

iterative · Jun 20, 2023 · 1651ac5 · 1651ac5
1 parent 00a9759
commit 1651ac5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/webview/src/plots/components/ribbon/RibbonBlockTooltip.tsx b/webview/src/plots/components/ribbon/RibbonBlockTooltip.tsx
@@ -29,7 +29,7 @@ export const RibbonBlockTooltip: React.FC<{
               <td className={cx(styles.tooltipColumn, styles[`${type}Key`])}>
                 <span className={styles.tooltipPathWrapper}>{path}</span>
               </td>
-              <td>
+              <td className={styles.tooltipColumn}>
                 {typeof value === 'number' ? formatNumber(value) : value}
                 {value === '-' || (
                   <CopyButton

diff --git a/webview/src/plots/components/ribbon/styles.module.scss b/webview/src/plots/components/ribbon/styles.module.scss
@@ -4,7 +4,7 @@
   display: none;
   position: absolute;
   right: 0;
-  top: 3px;
+  top: 0;
 }
 
 .tooltipColumn {
@@ -38,9 +38,9 @@
 
   .copyButton {
     opacity: 0;
-    display: inline;
+    display: inline-block;
     position: static;
-    margin-top: 2px;
+    vertical-align: top;
     font-size: 0.8125rem;
   }