Desktop: Fixed styling issues with rendered Markdown

ReactNativeClient/lib/joplin-renderer/MdToHtml.js

@@ -178,11 +178,11 @@ class MdToHtml {
 			// files. Otherwise some of them might be in the cssStrings property.
 			externalAssetsOnly: false,
 			postMessageSyntax: 'postMessage',
-			paddingTop: '0',
-			paddingBottom: '0',
+			// paddingTop: '0',
+			// paddingBottom: '0',
 			highlightedKeywords: [],
 			codeTheme: 'atom-one-light.css',
-			theme: Object.assign({ paddingTop: '16px' }, defaultNoteStyle, theme),
+			theme: Object.assign({}, defaultNoteStyle, theme),
 			plugins: {},
 		}, options);
 

ReactNativeClient/lib/joplin-renderer/MdToHtml/rules/checkbox.ts

@@ -12,10 +12,12 @@ pluginAssets[1] = function() {
 				   (otherwise they are too far right), but keep it for their children to allow
 				   nested lists. Make sure this value matches the UL margin. */
 
+				/*
 				.md-checkbox .checkbox-wrapper {
 					display: flex;
 					align-items: center;
 				}
+				*/
 
 				li.md-checkbox {
 					list-style-type: none;

ReactNativeClient/lib/joplin-renderer/defaultNoteStyle.js

@@ -13,6 +13,7 @@ module.exports = {
 	raisedBackgroundColor: '#e5e5e5',
 	htmlCodeColor: 'rgb(0,0,0)',
 	htmlCodeFontSize: '.9em',
+	bodyPaddingTop: '0',
 	bodyPaddingBottom: '0',
 
 	editorTheme: 'chrome',

ReactNativeClient/lib/joplin-renderer/noteStyle.js

@@ -18,8 +18,8 @@ module.exports = function(theme) {
 			line-height: ${theme.htmlLineHeight};
 			background-color: ${theme.htmlBackgroundColor};
 			font-family: ${fontFamily};
-			padding-bottom: ${theme.paddingBottom};
-			padding-top: ${theme.paddingTop};
+			padding-bottom: ${theme.bodyPaddingBottom}px;
+			padding-top: ${theme.bodyPaddingTop}px;
 		}
 		strong {
 			color: ${theme.colorBright};