set date's proper appearance in chat
Change-Id: I0fb972f5242cbe7403b10b277380ecac0bf02436
diff --git a/client/src/components/Message.js b/client/src/components/Message.js
index b86c43f..9e6fcb7 100644
--- a/client/src/components/Message.js
+++ b/client/src/components/Message.js
@@ -96,9 +96,30 @@
}
return (
- <Box marginTop="30px">
- <Divider>
- {textDate}
+ <Box marginTop="30px" >
+ <Divider
+ sx={{
+ ".MuiDivider-wrapper": {
+ margin: 0,
+ padding: 0,
+ },
+ "&::before": {
+ borderTop: "1px solid #E5E5E5",
+ },
+ "&::after": {
+ borderTop: "1px solid #E5E5E5",
+ },
+ }}
+ >
+ <Typography
+ variant="caption"
+ fontWeight={700}
+ border="1px solid #E5E5E5"
+ borderRadius="5px"
+ padding="10px 16px"
+ >
+ {textDate}
+ </Typography>
</Divider>
</Box>
)