ppost stylings modification

daily-thought-frontend/src/components/post/Post.tsx

@@ -25,7 +25,7 @@ const Post: FC<PropsWithChildren<PostProps>> = ({
   return (
     <div className={styles.post}>
       <div className={styles.header}>
-        <Avatar User={User}/>
+        <Avatar User={User} ShowInitial/>
         <div className={styles.headerInfo}>
           <div className={styles.headerUserInfo}>
             <p className={styles.name} >{User.FirstName} {User.LastName}</p>

daily-thought-frontend/src/styles/Post.module.css

@@ -13,7 +13,7 @@
   flex-direction: row;
   align-items: center;
   margin-bottom: 8px;
-  height: 48px;
+  height: 56px;
 }
 
 .headerInfo {
@@ -50,6 +50,7 @@
   padding: 12px 16px;
   border-radius: 24px;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+  margin: 0px 0px 0px 24px;
 }
 
 .postContent {
@@ -59,7 +60,8 @@
 }
 
 .postActions {
-  padding: 8px 8px;
+  padding: 0px 8px;
+  padding-top: 4px;
   display: flex;
   width: 100%;
   max-width: 200px;