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 <[email protected]>

Author: ayesha-waris

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