From fab49b2550375de0b1d01197739910204eda6cd5 Mon Sep 17 00:00:00 2001
From: Diksha Shukla <deekshashukla03102001@gmail.com>
Date: Fri, 1 Apr 2022 01:36:44 +0530
Subject: [PATCH] Updated the comments page

---
 src/assets/scss/components/commentForm.scss | 11 +++++++++--
 src/components/StoryPageTimeline.js         |  2 +-
 src/pages/Story.js                          | 12 ++++++------
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/assets/scss/components/commentForm.scss b/src/assets/scss/components/commentForm.scss
index c3e220e2..97223255 100644
--- a/src/assets/scss/components/commentForm.scss
+++ b/src/assets/scss/components/commentForm.scss
@@ -6,14 +6,14 @@
   &-input {
     align-items: flex-end;
     display: flex;
-    margin-bottom: 5px;
+    padding:10px 0px;
     width: fit-content;
   }
 }
 
 .file-input {
   cursor: pointer;
-  margin-bottom: 1em;
+  margin-bottom: 1.75em;
   margin-left: -2.5em;
   z-index: 10;
 }
@@ -31,3 +31,10 @@
     cursor: pointer;
   }
 }
+.btn-comment{
+  transition: all 0.2s;
+}
+.btn-comment:hover{
+  background-color:$btn-hover;
+  color:$btn-tabs-bg;
+}
\ No newline at end of file
diff --git a/src/components/StoryPageTimeline.js b/src/components/StoryPageTimeline.js
index e2ed61d6..2a533346 100644
--- a/src/components/StoryPageTimeline.js
+++ b/src/components/StoryPageTimeline.js
@@ -103,7 +103,7 @@ const StoryPageTimeline = (props) => {
           onClick={togglePopup}
           data-cy='story-votes-count'
         >
-          {votes} Votes
+          {votes} {votes === 1 ? 'Vote' : 'Votes'}
         </div>
         {isOpen && (
           <Modal
diff --git a/src/pages/Story.js b/src/pages/Story.js
index 6b34a7c7..bcadbe01 100644
--- a/src/pages/Story.js
+++ b/src/pages/Story.js
@@ -193,13 +193,13 @@ const Story = (props) => {
                         </Button>
                       </>
                     }
-                    <img
-                      src={story.product.logo?.url}
-                      className='preview image'
-                      style={{ width: '150px' }}
-                      alt={story.product.Name}
-                    />
                   </div>
+                  <img
+                    src={story.product.logo?.url}
+                    className='preview image'
+                    style={{ width: '150px', height: '60px' }}
+                    alt={story.product.Name}
+                  />
                 </div>
               </div>