css fix

feliciahmq · Jul 8, 2024 · 936a8bc · 936a8bc
1 parent b389d3b
commit 936a8bc
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/src/pages/forumpost/ForumPost.css b/src/pages/forumpost/ForumPost.css
@@ -312,6 +312,14 @@
     border-left: 1px solid rgb(194, 194, 194);
     margin: 16px;
     padding: 8px;
+
+    .comment-header {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 8px;
+        justify-content: space-between;
+    }
 
     .comment-profile {
         display: flex;

diff --git a/src/pages/forumpost/ForumPost.jsx b/src/pages/forumpost/ForumPost.jsx
@@ -67,9 +67,14 @@ const Comment = ({ comment, postID, onReply, currentUser }) => {
     return (
         <div className="comment">
             {user && ( 
-                <div className='comment-profile' onClick={handleUsernameClick}>
-                    <img className='comment-profilepic'>{user.profilePic}</img>
-                    <p className="comment-username">{user.username}</p>
+                <div className='comment-header'>
+                    <div className='comment-profile' onClick={handleUsernameClick}>
+                        <img className='comment-profilepic'>{user.profilePic}</img>
+                        <p className="comment-username">{user.username}</p>
+                    </div>
+                    <div className='comment-time'>
+                        <p>{timeSincePost(post.postDate)}</p>
+                    </div>
                 </div>
             )}
             <p className='comment-content'>{comment.content}</p>
@@ -374,7 +379,7 @@ function ForumPostPage() {
     return (
         <Format content={
             <div className='forum-post-page'>
-<div className='forum-post'>
+                <div className='forum-post'>
                     {user && (
                         <div className='forum-user-container'>
                             <div className='forum-user-details'>