From a6bc6d3c2733396c7ec3129dbf493970be3550f4 Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Wed, 29 Mar 2023 23:36:47 +0200
Subject: [PATCH] Fix small markdown spacing issue

Adds a listitem renderer overwrite to marked which
wraps everything that is inside a <li> which isn't only single <p> tag
into a <div class="list-content"> which we give a margin: 1rem 0;

Signed-off-by: Sebastian Martinez <me@sebastinez.dev>
---
 src/components/Markdown.svelte |  3 +++
 src/lib/markdown.ts            | 11 +++++++++++
 2 files changed, 14 insertions(+)

diff --git a/src/components/Markdown.svelte b/src/components/Markdown.svelte
index 4899f2af3..5a384e735 100644
--- a/src/components/Markdown.svelte
+++ b/src/components/Markdown.svelte
@@ -250,6 +250,9 @@
     padding-left: 1.25rem;
     margin-bottom: 1rem;
   }
+  .markdown :global(.list-content) {
+    margin: 1rem 0;
+  }
   .markdown :global(li > ul) {
     margin-bottom: 0rem;
   }
diff --git a/src/lib/markdown.ts b/src/lib/markdown.ts
index bde4f4218..f5ea35756 100644
--- a/src/lib/markdown.ts
+++ b/src/lib/markdown.ts
@@ -125,6 +125,17 @@ export const renderer = {
 
     return `<h${level} id="${escapedText}">${text}</h${level}>`;
   },
+  listitem(text: string) {
+    const hasLineBreaks = text.trim().indexOf("\n");
+    if (hasLineBreaks === -1) {
+      return `<li>${text}</li>`;
+    }
+    const [first, ...remaining] = text.trim().split("\n");
+    const liContent = `${first}<div class="list-content">${remaining.join(
+      "\n",
+    )}</div>`;
+    return `<li>${liContent}</li>`;
+  },
 };
 
 export const markdownExtensions = [