fix: added border around add comment button

openedx · Jan 15, 2024 · 030e5c0 · 030e5c0
1 parent 6cdb37c
commit 030e5c0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/discussions/post-comments/comments/comment/Comment.jsx b/src/discussions/post-comments/comments/comment/Comment.jsx
@@ -267,7 +267,7 @@ const Comment = ({
             ) : (
               !isClosed && isUserPrivilegedInPostingRestriction && (inlineReplies.length >= 5) && (
                 <Button
-                  className="d-flex flex-grow mt-2 font-size-14 font-style font-weight-500 text-primary-500"
+                  className="d-flex flex-grow mt-2 font-size-14 font-style font-weight-500 text-primary-500 add-comment-btn"
                   variant="plain"
                   style={{ height: '36px' }}
                   onClick={handleAddCommentReply}

diff --git a/src/index.scss b/src/index.scss
@@ -521,6 +521,10 @@ header {
   }
 }
 
+.add-comment-btn {
+  border: 1px solid var(--Light-300, $light-300) !important;
+}
+
 .icon-size-24 {
   width: 1.5rem !important;
   height: 1.5rem !important;