Merge 5f2cf7c into 021f645

andela · Nov 19, 2018 · 38124c8 · 38124c8
2 parents 021f645 + 5f2cf7c
commit 38124c8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/assets/App.css b/src/assets/App.css
@@ -371,6 +371,10 @@ header.uvp {
   border-width: thin;
   border-radius: 10px;
 }
+.comment-title {
+  margin: 5% 0% 0% 12.5%;
+  position: relative;
+}
 
 .comment{
   margin: 0 160px;
@@ -442,8 +446,8 @@ header.uvp {
 .btn-delete:hover{
   background-color: rgb(243, 68, 68);
 }
-/* like dislike buttons styling */
 
+/* like dislike buttons styling */
 .reaction {
   padding: 0 10px;
   cursor: pointer;

diff --git a/src/components/comments/Comments.js b/src/components/comments/Comments.js
@@ -64,9 +64,14 @@ export class Comments extends Component {
 
   render() {
     const { body } = this.state;
-    const { loading, commentsPayload } = this.props;
+    const { match: { params: { article } }, loading, commentsPayload } = this.props;
     return (
       <div>
+        <div className="row comment-title">
+          <h3>
+            {`Comments for ${article}`}
+          </h3>
+        </div>
         <CreateCommentForm
           onSubmit={this.handleSubmit}
           onChange={this.handleEditorChange}

diff --git a/src/components/comments/CreateCommentForm.js b/src/components/comments/CreateCommentForm.js
@@ -9,7 +9,7 @@ export const CreateCommentForm = ({
   onClick,
   body,
 }) => (
-  <div className="container quill-container" style={{ paddingTop: '50px' }}>
+  <div className="container quill-container" style={{ paddingTop: '20px' }}>
     <div className="row">
       <div className="col-12">
         <form id="add-comment-form" onSubmit={onSubmit}>