From b9543c6d9c72255943bb7d498fdae82ac8e06138 Mon Sep 17 00:00:00 2001
From: ayesha waris <73840786+ayesha-waris@users.noreply.github.com>
Date: Tue, 28 May 2024 18:13:03 +0500
Subject: [PATCH] fix: fixed font-size of load more buttons and add a post
 heading (#708)

* fix: fixed font-size of load more buttons and add a post heading

* fix: fixed font-size of time stamps

* fix: fixed width of actions dropdown modal
---
 src/discussions/common/ActionsDropdown.jsx |  2 +-
 src/discussions/common/AuthorLabel.jsx     |  2 +-
 src/index.scss                             | 23 ++++++++++++++++++++--
 3 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/discussions/common/ActionsDropdown.jsx b/src/discussions/common/ActionsDropdown.jsx
index 279b4066a..5a10695bf 100644
--- a/src/discussions/common/ActionsDropdown.jsx
+++ b/src/discussions/common/ActionsDropdown.jsx
@@ -79,7 +79,7 @@ const ActionsDropdown = ({
           placement="bottom-end"
         >
           <div
-            className="bg-white shadow d-flex flex-column"
+            className="bg-white shadow d-flex flex-column mt-1"
             data-testid="actions-dropdown-modal-popup"
           >
             {actions.map(action => (
diff --git a/src/discussions/common/AuthorLabel.jsx b/src/discussions/common/AuthorLabel.jsx
index 86bf0e54b..8a3501bbf 100644
--- a/src/discussions/common/AuthorLabel.jsx
+++ b/src/discussions/common/AuthorLabel.jsx
@@ -85,7 +85,7 @@ const AuthorLabel = ({
       {postCreatedAt && (
         <span
           title={postCreatedAt}
-          className={classNames('align-content-center', {
+          className={classNames('align-content-center post-summary-timestamp', {
             'text-white': alert,
             'text-gray-500': !alert,
           })}
diff --git a/src/index.scss b/src/index.scss
index 9434beab2..4d3d4c547 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -24,6 +24,10 @@ body,
   font-size: 14px !important;
 }
 
+.btn-md {
+  font-size: 16px !important;
+}
+
 #post,
 #comment,
 #reply,
@@ -267,6 +271,9 @@ header {
     width: 18px !important;
     height: 18px !important;
   }
+  h4 {
+    font-size: 16px !important;
+  }
 }
 
 .pointer-cursor-hover :hover {
@@ -551,7 +558,7 @@ code {
 .actions-dropdown-item {
   padding: 12px 16px;
   height: 48px !important;
-  width: 304px !important;
+  width: 195px !important
 }
 
 .font-xl {
@@ -598,13 +605,15 @@ th, td {
   .alert-message-content,
   .pgn__form-control-floating-label-content,
   .form-control,
-  .pgn__modal .pgn__form-label,
+  .pgn__modal,
+  .pgn__form-label,
   .dropdown-menu,
   .tox-tbtn {
     font-size: 10px !important;
   }
 
   .badge,
+  .post-summary-timestamp,
   .hover-card button {
     font-size: 8px !important;
   }
@@ -619,6 +628,11 @@ th, td {
     padding-left: 14px !important;
     padding-right: 14px !important;
   }
+
+  .post-form h4,
+  .btn-md {
+    font-size: 12px !important;
+  }
 }
 
 @media only screen and (min-width: 367px) and (max-width: 768px) {
@@ -636,10 +650,15 @@ th, td {
   }
 
   .badge,
+  .post-summary-timestamp,
   .hover-card.btn-tertiary {
     font-size: 10px !important;
   }
 
+  .post-form h4,
+  .btn-md {
+    font-size: 14px !important;
+  }
 }
 
 @media only screen and (min-device-width: 769px) {