From f0b4e30363537be795e993c85e9367bf44ef23c5 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Fri, 21 Aug 2020 22:44:58 +0800
Subject: [PATCH] Improve the layout of list.

---
 assets/css/_addon/main.scss |  6 +-----
 assets/css/post.scss        | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/assets/css/_addon/main.scss b/assets/css/_addon/main.scss
index 8c7a269..b061163 100644
--- a/assets/css/_addon/main.scss
+++ b/assets/css/_addon/main.scss
@@ -823,13 +823,9 @@ div.post-content .table-wrapper {
   p {
     font-size: 1.08rem;
   }
-  > ol, > ul {
-    > li {
-      margin-top: 0.5rem;
-    }
-  }
 }
 
+
 .tag:hover {
   @extend %tag-hover;
 }
diff --git a/assets/css/post.scss b/assets/css/post.scss
index fe7770c..6ad8519 100644
--- a/assets/css/post.scss
+++ b/assets/css/post.scss
@@ -27,7 +27,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
   border-color: var(--btn-border-color);
 }
 
-.post {
+.post-content {
   img {
     max-width: 100%;
     margin-top: .5rem;
@@ -38,6 +38,20 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
   }
+  > ol, > ul, > dl {
+    padding-left: 2rem;
+    li+li {
+      margin-top: 0.3rem;
+    }
+  }
+  li {
+    > ol, > ul, > dl { // sub list
+      padding-left: 2rem;
+    }
+    > p {
+      margin: 1rem 0 0.8rem;
+    }
+  }
 }
 
 .post-tail-wrapper {