From e6e9f9bdbc213210389b165df16b2cd713c1d46e Mon Sep 17 00:00:00 2001
From: Vyacheslav Matyukhin <me@berekuk.ru>
Date: Fri, 13 May 2022 02:23:06 +0400
Subject: [PATCH] feat: better question page styling; ol styling

---
 src/styles/main.css                      |  5 +++++
 src/web/questions/pages/QuestionPage.tsx | 23 +++++++++++++----------
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/styles/main.css b/src/styles/main.css
index 8974577..e43090c 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -59,3 +59,8 @@ ul {
   list-style-type: square;
   margin-left: 20px;
 }
+
+ol {
+  list-style: decimal;
+  margin-left: 20px;
+}
diff --git a/src/web/questions/pages/QuestionPage.tsx b/src/web/questions/pages/QuestionPage.tsx
index b5de980..f053003 100644
--- a/src/web/questions/pages/QuestionPage.tsx
+++ b/src/web/questions/pages/QuestionPage.tsx
@@ -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>
 );