commit 04245a194c507ae0fe0ea8329485b40e19fe4572
author idillon <io.daza-dillon@savoirfairelinux.com> Thu Sep 01 11:12:17 2022 -0400
committer idillon <io.daza-dillon@savoirfairelinux.com> Fri Sep 16 17:14:08 2022 -0400
tree 545e32e1a5690455d1e1c893dca335bba3352f48
parent 8e6c006c8ab76ec00bbee36d362d32bcc7821ecc

set date's proper appearance in chat

Change-Id: I0fb972f5242cbe7403b10b277380ecac0bf02436

client/src/components/Message.js

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>
   )