From 2b4a4e191cfe873869eb3f70620df4581ac1f269 Mon Sep 17 00:00:00 2001
From: jimbojw <wilson.jim.r@gmail.com>
Date: Wed, 28 Jun 2023 07:55:12 -0400
Subject: [PATCH] fix: Make MD element paragraphs <p> tags with more spacing.

---
 src/components/common/MD.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/common/MD.jsx b/src/components/common/MD.jsx
index 6050f82..03b3b16 100644
--- a/src/components/common/MD.jsx
+++ b/src/components/common/MD.jsx
@@ -22,15 +22,15 @@ const transform = (props) => {
 
 	const paragraph = (text) => {
 
-		return `<div ${stylize({
-			'margin-bottom': comment ? '4px' : '12px',
+		return `<p ${stylize({
+			'margin-bottom': comment ? '1em' : '12px',
 			//'-webkit-font-smoothing': 'antialiased',
 			'color': 'rgba(255,255,255,0.85)',
 			'font-family': 'Lexend-Deca-Regular',
 			'font-size': bio ? '14px' : (comment ? '14px' : '16px'),
-			'line-height': comment ? `21px` : `${EDITOR_LINE_HEIGHT}px`,
+			'line-height': comment ? `1.4` : `${EDITOR_LINE_HEIGHT}px`,
 			...(props.paragraphStyle || {})
-		})}>${text}</div>`;
+		})}>${text}</p>`;
 	};
 
 	r.heading = comment ? paragraph : (text, level) => {