From 3f81f22026f012e7ae16cea576e5ad4ecec250fa Mon Sep 17 00:00:00 2001
From: Frederic Cabassut <cabassut.frederic@gmail.com>
Date: Sun, 22 Mar 2026 20:46:02 +0100
Subject: [PATCH] fix: align checkboxes in richtext task list previews

Add missing nested task list rule for .prose context (matching TipTap's
existing rule) and adjust checkbox vertical alignment with margin-top.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/app.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app.css b/src/app.css
index 1eca55f..310d923 100644
--- a/src/app.css
+++ b/src/app.css
@@ -143,7 +143,8 @@ body::before {
 }
 
 /* Nested task lists take full width below the parent item */
-.tiptap ul[data-type="taskList"] li > ul[data-type="taskList"] {
+.tiptap ul[data-type="taskList"] li > ul[data-type="taskList"],
+.prose ul.task-list li > ul.task-list {
 	flex-basis: 100%;
 	padding-left: 1.5rem;
 }
@@ -166,6 +167,7 @@ body::before {
 .prose ul.task-list .task-checkbox {
 	cursor: pointer;
 	margin: 0;
+	margin-top: 0.2em;
 	flex-shrink: 0;
 }