From 3402afa03c2b4995c062444f8ae4ec10cb4feab0 Mon Sep 17 00:00:00 2001
From: Dragan Espenschied <dragan.espenschied@rhizome.org>
Date: Sat, 28 Mar 2020 19:23:31 +0100
Subject: [PATCH] fix: rendering of unordered lists and footnotes (#1609)

* Fix rendering of lists and footnotes

* Fix rendering of lists and footnotes

* fix: restore list arrow symbols

Co-authored-by: Nicolas Giard <github@ngpixel.com>
---
 client/themes/default/scss/app.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss
index 85e498cc..51b71f97 100644
--- a/client/themes/default/scss/app.scss
+++ b/client/themes/default/scss/app.scss
@@ -198,7 +198,6 @@
   p {
     padding: 1rem 0 0 0;
     margin: 0;
-    text-align: justify;
 
     @at-root .contents > div > p:first-child {
       padding-top: 0;
@@ -312,8 +311,8 @@
   // ---------------------------------
 
   ol, ul {
-    padding: 1rem 0 0 0;
-    list-style-position: inside;
+    padding-top: 1rem;
+    width: 100%;
 
     @at-root .is-rtl & {
       padding-left: 0;
@@ -474,18 +473,21 @@
 
   ul {
     list-style: none;
-    width: 100%;
     > li::before {
+      position: absolute;
+      left: -1.1rem;
       content: '\25b8';
       color: mc('grey', '600');
-      display: inline-block;
       width: 1.35rem;
 
       @at-root .is-rtl & {
-        content: '\25C3' ;
+        content: '\25C3';
       }
     }
+  }
+  ul, ol {
     > li {
+      position: relative;
       > p {
         display:inline-block;
         vertical-align:top;