From afdd495bf0485fcd23301dc478aedc590bbce53f Mon Sep 17 00:00:00 2001
From: Huy Nguyen <mrvietnamese.ca@gmail.com>
Date: Tue, 6 Apr 2021 03:55:19 -0400
Subject: [PATCH] changes some details

---
 src/web/src/components/Posts/PostInfo.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/web/src/components/Posts/PostInfo.tsx b/src/web/src/components/Posts/PostInfo.tsx
index 736aec1aaf..e42ae69ac4 100644
--- a/src/web/src/components/Posts/PostInfo.tsx
+++ b/src/web/src/components/Posts/PostInfo.tsx
@@ -5,13 +5,13 @@ import AdminButtons from '../AdminButtons';
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
     root: {
-      margin: '0',
+      marginLeft: '2rem',
       padding: '0',
       display: 'flex',
+      borderLeft: '2.5px solid #CBCBCB',
       flexDirection: 'column',
       justifyContent: 'center',
-      marginBottom: '80vh',
-      opacity: '0.4',
+      opacity: '0.7',
       transition: 'opacity .5s',
       '&:hover': {
         opacity: '1'
@@ -21,6 +21,7 @@ const useStyles = makeStyles((theme: Theme) =>
       shapeOutside: 'circle(50%) border-box',
       shapeMargin: '1rem',
       borderRadius: '50%',
+      marginLeft: '1.5rem'
     },
     circle: {
       display: 'block',
@@ -32,7 +33,8 @@ const useStyles = makeStyles((theme: Theme) =>
     },
     authorNameContainer: {
       width: '100%',
-      height: '3rem'
+      height: '3rem',
+      marginLeft: '1.5rem'
     },
     author: {
       width: '100%',
@@ -40,7 +42,6 @@ const useStyles = makeStyles((theme: Theme) =>
       fontSize: '1.6em',
       lineHeight: '1em',
       fontWeight: 'bold',
-      marginLeft: '.5em',
       color: theme.palette.text.primary,
     },
     link: {
@@ -51,7 +52,7 @@ const useStyles = makeStyles((theme: Theme) =>
       },
     },
     published: {
-      marginLeft: '.5em',
+      marginLeft: '1.5rem',
       fontSize: '1.2em',
       fontWeight: 'lighter',
       textDecoration: 'none',