Fix for bullet overlap #4

bettertext.css

@@ -139,6 +139,15 @@ ol:not([class]) ol {
 ul:not([class]) li,
 ol:not([class]) li {
   transform: translateX(2.5em);
+  animation: fixlists 1s;
+}
+@keyframes fixlists {
+  0% {
+    text-indent: -0.001em;
+  }
+  100% {
+    text-indent: 0;
+  }
 }
 /* images */
 img {

bettertext.less

@@ -244,6 +244,10 @@
 
     /* lists */
     /* lists without classes */
+
+    // 1) force reflow to fix bullet overlapping.
+    // See https://git.io/vHyUo for details.
+
     ul:not([class]),
     ol:not([class]) {
         margin: 0 0 @m-default;
@@ -258,9 +262,15 @@
 
         li {
             transform: translateX(2.5em);
+            animation: fixlists 1s; // 1)
         }
     }
 
+    @keyframes fixlists {
+        0%   { text-indent: -0.001em;}
+        100% { text-indent: 0;}
+    }
+
     /* images */
     img {
         max-width: 100%;