X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/93cb6b20b9f7893c588d9679c7b904ee35238f1b..370cbb26d669ecc3e03bc1e38dfc35bfaf4bf6ac:/src/views-components/virtual-machines-dialog/attributes-dialog.tsx

diff --git a/src/views-components/virtual-machines-dialog/attributes-dialog.tsx b/src/views-components/virtual-machines-dialog/attributes-dialog.tsx
index 78b58da5..33588dc0 100644
--- a/src/views-components/virtual-machines-dialog/attributes-dialog.tsx
+++ b/src/views-components/virtual-machines-dialog/attributes-dialog.tsx
@@ -7,14 +7,14 @@ import { Dialog, DialogTitle, DialogContent, DialogActions, Button, Typography,
 import { WithDialogProps } from "~/store/dialog/with-dialog";
 import { withDialog } from '~/store/dialog/with-dialog';
 import { VIRTUAL_MACHINE_ATTRIBUTES_DIALOG } from "~/store/virtual-machines/virtual-machines-actions";
-import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles';
+import { WithStyles, withStyles } from '@material-ui/core/styles';
 import { ArvadosTheme } from '~/common/custom-theme';
 import { compose } from "redux";
 import { VirtualMachinesResource } from "~/models/virtual-machines";
 
 type CssRules = 'rightContainer' | 'leftContainer' | 'spacing';
 
-const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
+const styles = withStyles<CssRules>((theme: ArvadosTheme) => ({
     rightContainer: {
         textAlign: 'right',
         paddingRight: theme.spacing.unit * 2,
@@ -27,7 +27,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     spacing: {
         paddingTop: theme.spacing.unit * 2
     },
-});
+}));
 
 interface VirtualMachineAttributesDataProps {
     virtualMachineData: VirtualMachinesResource;
@@ -37,7 +37,7 @@ type VirtualMachineAttributesProps = VirtualMachineAttributesDataProps & WithSty
 
 export const VirtualMachineAttributesDialog = compose(
     withDialog(VIRTUAL_MACHINE_ATTRIBUTES_DIALOG),
-    withStyles(styles))(
+    styles)(
         (props: WithDialogProps<VirtualMachineAttributesProps> & VirtualMachineAttributesProps) =>
             <Dialog open={props.open}
                 onClose={props.closeDialog}
@@ -45,13 +45,13 @@ export const VirtualMachineAttributesDialog = compose(
                 maxWidth="sm">
                 <DialogTitle>Attributes</DialogTitle>
                 <DialogContent>
-                    <Typography variant="body2" className={props.classes.spacing}>
+                    <Typography variant='body1' className={props.classes.spacing}>
                         {props.data.virtualMachineData && attributes(props.data.virtualMachineData, props.classes)}
                     </Typography>
                 </DialogContent>
                 <DialogActions>
                     <Button
-                        variant='flat'
+                        variant='text'
                         color='primary'
                         onClick={props.closeDialog}>
                         Close