X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/90a328e83574deed28d97d558e950b00e4200693..daf28acf73a01fcff9e136d0036ace877af85e25:/services/workbench2/src/views/process-panel/process-resource-card.tsx

diff --git a/services/workbench2/src/views/process-panel/process-resource-card.tsx b/services/workbench2/src/views/process-panel/process-resource-card.tsx
index a360e89f0b..d1492ddbf5 100644
--- a/services/workbench2/src/views/process-panel/process-resource-card.tsx
+++ b/services/workbench2/src/views/process-panel/process-resource-card.tsx
@@ -14,6 +14,7 @@ import {
     Tooltip,
     Typography,
     Grid,
+    Link,
     Button
 } from '@material-ui/core';
 import { ArvadosTheme } from 'common/custom-theme';
@@ -69,7 +70,6 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         textTransform: "uppercase",
     },
     reportButton: {
-        fontSize: '0.75rem'
     }
 });
 
@@ -102,7 +102,7 @@ export const ProcessResourceCard = withStyles(styles)(connect()(
                 }
                 action={
                     <div>
-                        {usageReport && <Button href={usageReport} variant="contained" color="primary" className={classes.reportButton}><ShowChartIcon /> Resource usage report</Button>}
+                        {usageReport && <Link href={usageReport} className={classes.reportButton} target="_blank"><ShowChartIcon /> Resource usage report</Link>}
                         {doUnMaximizePanel && panelMaximized &&
                             <Tooltip title={`Unmaximize ${panelName || 'panel'}`} disableFocusListener>
                                 <IconButton onClick={doUnMaximizePanel}><UnMaximizeIcon /></IconButton>