fix: Stars positioning

This commit is contained in:
Vyacheslav Matyukhin 2022-05-26 16:44:39 +04:00
parent a6e6053c63
commit 1e357a75b8
No known key found for this signature in database
GPG Key ID: 3D2A774C5489F96C
2 changed files with 10 additions and 6 deletions

View File

@ -160,9 +160,11 @@ export const QuestionFooter: React.FC<Props> = ({
<div <div
className={`grid grid-cols-3 ${ className={`grid grid-cols-3 ${
expandFooterToFullWidth ? "justify-between" : "" expandFooterToFullWidth ? "justify-between" : ""
} text-gray-500 mb-2 mt-1`} } text-gray-500`}
> >
<Stars num={question.qualityIndicators.stars} /> <div className="self-center">
<Stars num={question.qualityIndicators.stars} />
</div>
<div <div
className={`${ className={`${
expandFooterToFullWidth ? "place-self-center" : "self-center" expandFooterToFullWidth ? "place-self-center" : "self-center"

View File

@ -140,10 +140,12 @@ export const QuestionCard: React.FC<Props> = ({
<LastUpdated timestamp={lastUpdated} /> <LastUpdated timestamp={lastUpdated} />
</div> </div>
<div className="w-full"> <div className="w-full">
<QuestionFooter <div className="mb-2 mt-1">
question={question} <QuestionFooter
expandFooterToFullWidth={expandFooterToFullWidth} question={question}
/> expandFooterToFullWidth={expandFooterToFullWidth}
/>
</div>
</div> </div>
</div> </div>
</Card> </Card>