Keep indent of ol and ul to make multiple lines looks better

1 files changed, 10 insertions, 0 deletions

diff --git a/assets/sass/researcher.scss b/assets/sass/researcher.scss
index 89b5f09..8bd2561 100644
--- a/assets/sass/researcher.scss
+++ b/assets/sass/researcher.scss
@@ -91,9 +91,15 @@ $y-medium: 1.0rem;
         counter-reset: list;
         list-style: none;
         padding-left: 2rem;
+        & > li {
+            display: table-row;
+        }
         & > li:before {
             content: "[" counter(list, decimal) "] ";
             counter-increment: list;
+            display: table-cell;
+            text-align: right;
+            padding-right: .5em;
         }
     }
     .container > ol, .footnotes > ol {
@@ -102,6 +108,10 @@ $y-medium: 1.0rem;
     ul {
         list-style: inside;
         padding-left: 2rem;
+        & > li {
+            list-style-position: outside;
+            margin-left: 1em;
+        }
     }
     .container > ul, .footnotes > ul {
         padding-left: 0;