From 21a24e348c8917e1cd5535d68c9562eb84ec4615 Mon Sep 17 00:00:00 2001
From: gets0ul <gets0ul@gmail.com>
Date: Sat, 7 Nov 2020 06:27:12 +0700
Subject: [PATCH 1/2] fix: the rendering of ordered list numbering and
 unordered list bullet

---
 src/shared/components/Terms/TermDetails.scss | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/shared/components/Terms/TermDetails.scss b/src/shared/components/Terms/TermDetails.scss
index 675274ce3b..433e37c677 100644
--- a/src/shared/components/Terms/TermDetails.scss
+++ b/src/shared/components/Terms/TermDetails.scss
@@ -40,6 +40,20 @@
   br + br {
     display: none;
   }
+
+  ol {
+    list-style-type: decimal;
+    padding: 0 15px;
+  }
+
+  ul {
+    list-style-type: disc;
+    padding: 0 15px;
+  }
+
+  li {
+    list-style-position: outside;
+  }
 }
 
 .frame {

From 4d565fffa0e89787218ed052c7d8833337d927cf Mon Sep 17 00:00:00 2001
From: gets0ul <gets0ul@gmail.com>
Date: Sat, 7 Nov 2020 14:01:32 +0700
Subject: [PATCH 2/2] fix: list style to be in the same format as challenge
 spec

---
 src/shared/components/Terms/TermDetails.scss | 38 ++++++++++++++++----
 1 file changed, 31 insertions(+), 7 deletions(-)

diff --git a/src/shared/components/Terms/TermDetails.scss b/src/shared/components/Terms/TermDetails.scss
index 433e37c677..93ddaf3a90 100644
--- a/src/shared/components/Terms/TermDetails.scss
+++ b/src/shared/components/Terms/TermDetails.scss
@@ -42,17 +42,41 @@
   }
 
   ol {
-    list-style-type: decimal;
-    padding: 0 15px;
+    margin: 0 0 5px;
+    counter-reset: item;
+    font-size: 15px;
+    color: $tc-gray-90;
+    line-height: 25px;
+    display: table;
+
+    li {
+      list-style-type: none;
+      font-weight: 400;
+      counter-increment: item;
+      display: table-row;
+      white-space: normal;
+
+      &::before {
+        display: table-cell;
+        font-weight: 700;
+        text-align: right;
+        content: counter(item) ".";
+        padding: 0 10px 0 0;
+        width: 32px;
+      }
+    }
   }
 
   ul {
-    list-style-type: disc;
-    padding: 0 15px;
-  }
+    margin: 0 0 5px 20px;
+    font-size: 15px;
+    color: $tc-gray-90;
+    line-height: 25px;
+    list-style: disc outside none;
 
-  li {
-    list-style-position: outside;
+    li {
+      font-weight: 400;
+    }
   }
 }