From 8bdebcf2124e79f2044d87c1d0ee8fc7d74a696b Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Wed, 24 Apr 2024 23:51:48 +0200
Subject: [PATCH] fix: improve list markdown rendering

---
 frontend/src/lib/assets/app.css                  | 11 +++++++++++
 frontend/src/lib/components/DisplayResult.svelte |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/assets/app.css b/frontend/src/lib/assets/app.css
index b8d726be43..71a496f884 100644
--- a/frontend/src/lib/assets/app.css
+++ b/frontend/src/lib/assets/app.css
@@ -17,6 +17,17 @@
 		font-display: swap;
 	}
 
+	.prose-xs ul {
+		margin-top: 0.5rem;
+		list-style-type: '- ';
+		padding-left: 1.5rem;
+	}
+
+	.prose ul {
+		margin-top: 1.5rem;
+		list-style-type: '- ';
+		padding-left: 3rem;
+	}
 	.splitpanes--vertical > .splitpanes__pane {
 		transition: none !important;
 	}
diff --git a/frontend/src/lib/components/DisplayResult.svelte b/frontend/src/lib/components/DisplayResult.svelte
index c80ece0b7a..f209224f27 100644
--- a/frontend/src/lib/components/DisplayResult.svelte
+++ b/frontend/src/lib/components/DisplayResult.svelte
@@ -518,7 +518,7 @@
 					</div>
 				</div>
 			{:else if !forceJson && resultKind == 'markdown'}
-				<div class="prose-xs dark:prose-invert">
+				<div class="prose-xs dark:prose-invert !list-disc !list-outside">
 					<Markdown md={result?.md ?? result?.markdown} />
 				</div>
 			{:else if !forceJson && isTableDisplay && richRender}