From cbb46115a087f1aefdf188582fb1c65a8dfbb25b Mon Sep 17 00:00:00 2001
From: Nicolas Varrot <contact@nicolasvarrot.fr>
Date: Fri, 13 Feb 2026 09:40:22 +0000
Subject: [PATCH] fix: render markdown lists with proper bullet/number styles

Tailwind's preflight resets list-style to none on ul/ol elements.
Add explicit list-style-type rules for markdown-body: disc for ul,
decimal for ol, with circle/square for nested levels.
Also add li margin for spacing.

Closes feedback #61
---
 FEEDBACK.md   | 2 +-
 src/index.css | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/FEEDBACK.md b/FEEDBACK.md
index 7ad2852..c7fb47e 100644
--- a/FEEDBACK.md
+++ b/FEEDBACK.md
@@ -661,5 +661,5 @@
 ## Item #61
 - **Date:** 2026-02-13
 - **Priority:** medium
-- **Status:** pending
+- **Status:** in-progress
 - **Description:** Markdown unordered lists (- item, * item) are not rendered properly in chat messages. They appear as raw text instead of formatted bullet points. Need to verify remarkGfm/ReactMarkdown config handles list rendering correctly, and ensure CSS styles are applied for ul/ol elements in the markdown-body class.
diff --git a/src/index.css b/src/index.css
index 8fad2e1..5b8cf5d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -167,6 +167,12 @@ html, body {
 
 .markdown-body p { margin: 4px 0; }
 .markdown-body ul, .markdown-body ol { margin: 4px 0; padding-left: 20px; }
+.markdown-body ul { list-style-type: disc; }
+.markdown-body ol { list-style-type: decimal; }
+.markdown-body li { margin: 2px 0; }
+.markdown-body li > ul, .markdown-body li > ol { margin: 2px 0; }
+.markdown-body li > ul { list-style-type: circle; }
+.markdown-body li > ul > li > ul { list-style-type: square; }
 .markdown-body blockquote { border-left: 3px solid var(--pc-accent-dim); padding-left: 12px; margin: 8px 0; opacity: 0.8; }
 .markdown-body h1, .markdown-body h2, .markdown-body h3 { margin: 12px 0 4px; }
 .markdown-body a { color: var(--pc-accent-light); text-decoration: underline; }