Merge pull request #83 from quantified-uncertainty/question-page-design

Better question page styling; ol styling
This commit is contained in:
Vyacheslav Matyukhin 2022-05-13 01:49:04 +03:00 committed by GitHub
commit 0d0714a5d4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 10 deletions

View File

@ -59,3 +59,8 @@ ul {
list-style-type: square;
margin-left: 20px;
}
ol {
list-style: decimal;
margin-left: 20px;
}

View File

@ -87,16 +87,19 @@ const LargeQuestionCard: React.FC<{
)}
</div>
<ReactMarkdown
linkTarget="_blank"
className="font-normal text-gray-900 max-w-prose"
>
{question.description.replaceAll("---", "")}
</ReactMarkdown>
<Section title="Indicators">
<IndicatorsTable question={question} />
</Section>
<div className="mx-auto max-w-prose">
<Section title="Question description">
<ReactMarkdown
linkTarget="_blank"
className="font-normal text-gray-900"
>
{question.description.replaceAll("---", "")}
</ReactMarkdown>
</Section>
<Section title="Indicators">
<IndicatorsTable question={question} />
</Section>
</div>
</Card>
);