Remove extraneous padding from timeline

ECN · Oct 12, 2020 · 0a86b79 · 0a86b79
1 parent 8f3dc6f
commit 0a86b79
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/components/ItemBodyView/ItemBodyView.js b/src/components/ItemBodyView/ItemBodyView.js
@@ -2,20 +2,23 @@ import React from "react";
 import PropTypes from "prop-types";
 import { Timeline, TimelineItem, TimelineSeparator, TimelineConnector, TimelineContent, TimelineDot } from '@material-ui/lab';
 import { Typography, makeStyles } from "@material-ui/core";
-import webqueue2Theme from "../../theme";
 import EmailHeader from "../EmailHeader/";
 import { objectIsEmpty } from "../../utilities";
 
 export default function ItemBodyView({ item }) {
 
 	const useStyles = makeStyles(() => ({
-		missingOppositeContent: {
+		"Timeline-root": {
+			paddingLeft: "0"
+		},
+		"TimelineItem-missingOppositeContent": {
 			'&:before': {
 				content: '""',
 				flex: 0,
 				padding: '0',
 			},
-		}}));
+		}
+	}));
 	const classes = useStyles();
 
 	const generateTimelineItem = (section) => {
@@ -83,7 +86,7 @@ export default function ItemBodyView({ item }) {
 			{objectIsEmpty(item) ? "" : item.content.map((section) => (
 				<TimelineItem
 					classes={{
-						missingOppositeContent: classes.missingOppositeContent,
+						missingOppositeContent: classes["TimelineItem-missingOppositeContent"],
 					}}
 				>
 					<TimelineSeparator>