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; list-style-type: square;
margin-left: 20px; margin-left: 20px;
} }
ol {
list-style: decimal;
margin-left: 20px;
}

View File

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