From 9eaed2b8732a07e50a74afa577329aab66c496b2 Mon Sep 17 00:00:00 2001
From: ayesha waris <73840786+ayesha-waris@users.noreply.github.com>
Date: Mon, 12 Feb 2024 19:38:57 +0500
Subject: [PATCH] fix: fixed question icon and its position (#662)

* fix: fixed question icon background for read questions

* fix: fixed question icon position in post detailed view

---------

Co-authored-by: sohailfatima <23100065@lums.edu.pk>
---
 src/discussions/posts/post/PostHeader.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/discussions/posts/post/PostHeader.jsx b/src/discussions/posts/post/PostHeader.jsx
index 7e6c8a123..55878d887 100644
--- a/src/discussions/posts/post/PostHeader.jsx
+++ b/src/discussions/posts/post/PostHeader.jsx
@@ -5,7 +5,7 @@ import classNames from 'classnames';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { Avatar, Badge, Icon } from '@edx/paragon';
-import { Issue, Question } from '@edx/paragon/icons';
+import { Question } from '@edx/paragon/icons';
 
 import { AvatarOutlineAndLabelColors, ThreadType } from '../../../data/constants';
 import { AuthorLabel } from '../../common';
@@ -41,9 +41,9 @@ export const PostAvatar = React.memo(({
     <div className={avatarSpacing}>
       {postType === ThreadType.QUESTION && (
         <Icon
-          src={read ? Issue : Question}
-          className={classNames('position-absolute bg-white rounded-circle question-icon-size', {
-            'question-icon-position': fromPostLink,
+          src={Question}
+          className={classNames('position-absolute rounded-circle question-icon-size', {
+            'question-icon-position': fromPostLink, 'bg-white': !read, 'bg-light-300': read,
           })}
         />
       )}
@@ -52,6 +52,7 @@ export const PostAvatar = React.memo(({
           [`outline-${outlineColor}`]: outlineColor,
           'outline-anonymous': !outlineColor,
           'mt-3 ml-2': postType === ThreadType.QUESTION && fromPostLink,
+          'mt-2.5': postType === ThreadType.QUESTION && !fromPostLink,
           'avarat-img-position mt-17px': postType === ThreadType.QUESTION,
         })}
         style={{