From 429c2673cac2acbf74b23be1de6c2201c95d7f96 Mon Sep 17 00:00:00 2001
From: Aitor Rosell Torralba <aitor.rosell.torralba@gmail.com>
Date: Sat, 1 Feb 2020 04:22:27 +0100
Subject: [PATCH] fix: list formatting multiline with fancy bullets (#1406)

* Fix list formatting multiline with fancy bullets

In kinda response to: https://github.com/Requarks/wiki/pull/1283
Solves the problem with the list having issues with p elements and with multi lines but keeping the fancy css bullets.
Tested on Chrome, Firefox, Opera and Edge.

* remove important

* fix: bullet symbol for RTL

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

diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss
index 83252100..c679aeee 100644
--- a/client/themes/default/scss/app.scss
+++ b/client/themes/default/scss/app.scss
@@ -312,8 +312,8 @@
   // ---------------------------------
 
   ol, ul {
-    padding: 1rem 0 0 1rem;
-    list-style-position: outside;
+	  padding: 1rem 0 0 0;
+     list-style-position: inside;
 
     @at-root .is-rtl & {
       padding-left: 0;
@@ -472,8 +472,28 @@
     }
   }
 
-  ul {
-    list-style: square outside;
+ul {
+    list-style: none;
+    width: 100%;
+    > li::before {
+      content: '\25b8';
+      color: mc('grey', '600');
+      display: inline-block;
+      width: 1.35rem;
+      
+      @at-root .is-rtl & {
+        content: '\25C0' ;
+      }
+    }
+    > li {
+      display:flex;
+      flex-wrap: wrap;
+      > p {
+        display:inline-block;
+        vertical-align:top;
+        padding-top:0;
+      }
+  }
   }
 
   // ---------------------------------