Skip to content

Commit

Permalink
Increase padding in ItemView
Browse files Browse the repository at this point in the history
  • Loading branch information
Justin Campbell committed Aug 17, 2020
1 parent 1ced2c6 commit 0b42a70
Showing 1 changed file with 4 additions and 8 deletions.
12 changes: 4 additions & 8 deletions src/ItemView.js
Original file line number Diff line number Diff line change
@@ -1,31 +1,27 @@
import React from 'react';
import { Paper, Typography, Divider, makeStyles } from '@material-ui/core';
import { Paper, Typography, makeStyles } from '@material-ui/core';
import ItemMetadataView from "./ItemMetadataView"

function ItemView(props){

const useStyles = makeStyles((theme) => ({
"paperMargin": {
padding: theme.spacing(1),
"paperPadding": {
padding: theme.spacing(2),
}
}));

const classes = useStyles();

return(
<Paper classes={{root: classes.paperMargin}}>
<Paper classes={{root: classes.paperPadding}}>

<ItemMetadataView item={props.activeItem} />

<Divider style={{marginBottom: "1em"}}/>

{/* <ListItem> */}
{props.activeItem["content"] ? props.activeItem["content"].map(line => (
<Typography variant="body1" paragraph>
{line}
</Typography>
)): "" }
{/* </ListItem> */}
</Paper>
);
}
Expand Down

0 comments on commit 0b42a70

Please sign in to comment.