From 4000cb5d1c3264944c5ab5fabe281fae201d79ff Mon Sep 17 00:00:00 2001
From: Laurent Cozic <laurent@cozic.net>
Date: Tue, 12 Mar 2019 22:24:44 +0000
Subject: [PATCH] All: Fixes #1325: Fixed nested checkbox indentation

---
 ReactNativeClient/lib/MdToHtml/noteStyle.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/ReactNativeClient/lib/MdToHtml/noteStyle.js b/ReactNativeClient/lib/MdToHtml/noteStyle.js
index 115dcff42..d3954d300 100644
--- a/ReactNativeClient/lib/MdToHtml/noteStyle.js
+++ b/ReactNativeClient/lib/MdToHtml/noteStyle.js
@@ -170,9 +170,15 @@ module.exports = function(style, options) {
 			position: relative;
 		}
 
+		/* Remove the indentation from the checkboxes at the root of the document
+		   (otherwise they are too far right), but keep it for their children to allow
+		   nested lists */
+		#rendered-md > ul > li.md-checkbox {
+			margin-left: -` + listMarginLeft + `;
+		}
+
 		li.md-checkbox {
 			list-style-type: none;
-			margin-left: -` + listMarginLeft + `;
 		}
 
 		li.md-checkbox input[type=checkbox] {