fix: add space gap between modals buttons + fixed reply/post/comment sections text colors

Author: bydawen

src/discussions/common/HoverCard.jsx

@@ -75,7 +75,7 @@ const HoverCard = ({
                 const actionFunction = actionHandlers[endorseIcons.action];
                 actionFunction();
               }}
-              className={['endorse', 'unendorse'].includes(endorseIcons.id) ? 'text-dark-500' : 'text-success-500'}
+              className="text-primary"
               size="sm"
               alt="Endorse"
             />

src/discussions/post-comments/comments/comment/Comment.jsx

@@ -225,7 +225,7 @@ const Comment = ({
             />
           ) : (
             <HTMLLoader
-              cssClassName="comment-body html-loader text-break mt-14px font-style text-primary-500"
+              cssClassName="comment-body html-loader text-break mt-14px font-style text-gray-700"
               componentId="comment"
               htmlNode={renderedBody}
               testId={id}

src/discussions/post-comments/comments/comment/Reply.jsx

@@ -168,7 +168,7 @@ const Reply = ({ responseId }) => {
             <HTMLLoader
               componentId="reply"
               htmlNode={renderedBody}
-              cssClassName="html-loader text-break font-style text-primary-500"
+              cssClassName="html-loader text-break font-style text-gray-700"
               testId={id}
             />
           )}

src/discussions/posts/post/Post.jsx

@@ -188,7 +188,7 @@ const Post = ({ handleAddResponseButton, openRestrictionDialogue }) => {
         postType={postType}
         title={title}
       />
-      <div className="d-flex mt-14px text-break font-style text-primary-500">
+      <div className="d-flex mt-14px text-break font-style text-gray-700">
         <HTMLLoader htmlNode={renderedBody} componentId="post" cssClassName="html-loader w-100" testId={postId} />
       </div>
       {(topicContext || topic) && (

src/index.scss

@@ -376,6 +376,10 @@ header {
 
 #paragon-portal-root .pgn__modal-layer {
   z-index: 5000 !important;
+
+  .pgn__modal-footer .pgn__action-row {
+    gap: var(--pgn-spacing-spacer-2);
+  }
 }
 
 #iconbutton-tooltip-top {