From f226f87dcbc0e67a9f1bf5aa8a358de05cbcad12 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felix=20H=C3=A4usler?= <hfelix@protonmail.ch>
Date: Wed, 3 Apr 2019 19:18:04 +0200
Subject: [PATCH] improve task list style (#853)

---
 src/muya/lib/parser/marked/renderer.js | 2 +-
 src/muya/lib/utils/exportHtml.js       | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/muya/lib/parser/marked/renderer.js b/src/muya/lib/parser/marked/renderer.js
index 2c3afa8c..5ce1e039 100644
--- a/src/muya/lib/parser/marked/renderer.js
+++ b/src/muya/lib/parser/marked/renderer.js
@@ -103,7 +103,7 @@ Renderer.prototype.listitem = function (text, checked) {
   }
 
   // task list
-  return '<li><input type="checkbox"' +
+  return '<li class="task-list-item"><input type="checkbox"' +
     (checked ? ' checked=""' : '') +
     'disabled=""' +
     (this.options.xhtml ? ' /' : '') +
diff --git a/src/muya/lib/utils/exportHtml.js b/src/muya/lib/utils/exportHtml.js
index ed0ce231..e1ad94e8 100644
--- a/src/muya/lib/utils/exportHtml.js
+++ b/src/muya/lib/utils/exportHtml.js
@@ -86,6 +86,12 @@ class ExportHtml {
     .markdown-body table {
       display: table;
     }
+    .markdown-body li.task-list-item {
+      list-style-type: none;
+    }
+    .markdown-body li > [type=checkbox] {
+      margin: 0 0 0 -1.3em;
+    }
     .markdown-body input[type="checkbox"] ~ p {
       margin-top: 0;
       display: inline-block;