diff --git a/src/components/DirectoryInformation/DirectoryInformation.js b/src/components/DirectoryInformation/DirectoryInformation.js index 64a7d93..cb7c494 100644 --- a/src/components/DirectoryInformation/DirectoryInformation.js +++ b/src/components/DirectoryInformation/DirectoryInformation.js @@ -1,25 +1,40 @@ import React from "react"; import PropTypes from "prop-types"; import { TableContainer, Table, TableRow, TableCell, makeStyles } from "@material-ui/core"; +import webqueue2Theme from "../../theme"; export default function DirectoryInformation({ section }) { - const useStyles = makeStyles(() => ({ - breakWord: { + const theme = webqueue2Theme(false); + const useStyles = makeStyles((theme) => ({ + headerCell: { + borderBottom: "none", + paddingTop: "3px", + paddingBottom: "3px", + }, + bodyCell: { wordBreak: "break-word", - } - })); - const classes = useStyles(); + borderBottom: "none", + paddingTop: "3px", + paddingBottom: "3px", + }, + stripedRow: { + '&:nth-of-type(odd)': { + backgroundColor: theme.palette.action.hover, + }, + }, + })); + const classes = useStyles(theme); return ( {Object.keys(section).map((key) => ( key === "type" ? "" : - - {key} - {section[key]} - + + {key} + {section[key]} + ))}