From 84f7b6951f033ee6b4f760d12c04179f2266c155 Mon Sep 17 00:00:00 2001
From: Asara <amarpreet@minhas.io>
Date: Mon, 3 Feb 2020 19:46:11 -0500
Subject: [PATCH] Some basic ghetto display stuff

---
 src/components/Post.js | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/Post.js b/src/components/Post.js
index f181cfb..365e011 100644
--- a/src/components/Post.js
+++ b/src/components/Post.js
@@ -24,15 +24,20 @@ class Post extends React.Component {
     if (comments) {
       return comments.map(comment => {
         return (
-          <div className="item" key={comment.id}>
-            <h4><b>Comment by <Link to={"/users/"+ comment.author}>{comment.author}</Link></b></h4>
-              <div className="content">
-                <div className="markdown-body">
-                  <ReactMarkdown source={comment.content} />
+            <div key={comment.id}>
+              <div className="item" style={{border: '1px solid', borderColor: '#DADADA', borderRadius: '5px'}}>
+                <h5><b>Comment by <Link to={"/users/"+ comment.author}>{comment.author}</Link></b><br></br>
+                Posted: {comment.time_published}
+                </h5>
+                <hr></hr>
+                <div className="content">
+                  <div className="markdown-body">
+                    <ReactMarkdown source={comment.content} />
+                  </div>
                 </div>
               </div>
-            <hr style={{height:2}}></hr>
-          </div>
+              <br></br>
+            </div>
         );
       });
     }
@@ -59,7 +64,6 @@ class Post extends React.Component {
         }
       </div>
         <h3>Comments:</h3>
-        <hr></hr>
         { this.renderComments(post.comments,post.id) }
       </div>
     )