Add extra whitespace for use with MessageView

ECN · Oct 21, 2020 · 84c3b8c · 84c3b8c
1 parent fc9f701
commit 84c3b8c
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/src/components/EmailHeader/EmailHeader.js b/src/components/EmailHeader/EmailHeader.js
@@ -9,20 +9,18 @@ export default function EmailHeader({ datetime, from_name, from_email, to, cc })
 	const theme = useTheme();
 	const useStyles = makeStyles({
 		"paperWrapper": {
-			padding: theme.spacing(1),
-			marginTop: theme.spacing(1),
-			marginBottom: theme.spacing(1)
+			padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,
+			margin: `${theme.spacing(1)}px 0`,
+			borderBottomLeftRadius: 0,
+			borderBottomRightRadius: 0
 		},
 		"removeNegativeMargin": {
 			margin: 0
 		},
 		"secondaryInformation": {
 			backgroundColor: theme.palette.type === "light" ? theme.palette.grey[100] : theme.palette.grey[700],
-			marginTop: theme.spacing(1),
-			marginLeft: -theme.spacing(1),
-			marginRight: -theme.spacing(1),
-			marginBottom: -theme.spacing(1),
-			padding: theme.spacing(1)
+			margin: `${theme.spacing(1)}px ${-theme.spacing(2)}px ${-theme.spacing(1)}px ${-theme.spacing(2)}px`,
+			padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`
 		}
 	});
 	const classes = useStyles();