fix: fixed font-size of load more buttons and add a post heading (ope…

…nedx#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

@@ -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 => (

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,
           })}

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) {