From 04159d9b335a7c17123f4f528714c573a88d6106 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Tue, 26 Mar 2024 16:58:39 +0100
Subject: [PATCH] remove margin from markdown hr

---
 src/components/markdown/markdown.module.css | 8 ++++++++
 src/components/markdown/markdown.tsx        | 5 +++++
 src/components/post/post.module.css         | 4 ++++
 src/components/post/post.tsx                | 8 ++++----
 src/index.css                               | 2 +-
 5 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/components/markdown/markdown.module.css b/src/components/markdown/markdown.module.css
index 358d367d..d710f0a2 100644
--- a/src/components/markdown/markdown.module.css
+++ b/src/components/markdown/markdown.module.css
@@ -15,3 +15,11 @@
 .markdown ul {
   padding-left: 40px;
 }
+
+.hrWrapper {
+  padding: 0.5em 0;
+}
+
+.hrWrapper hr {
+  margin: 0;
+}
\ No newline at end of file
diff --git a/src/components/markdown/markdown.tsx b/src/components/markdown/markdown.tsx
index 16592d4d..05885d65 100644
--- a/src/components/markdown/markdown.tsx
+++ b/src/components/markdown/markdown.tsx
@@ -67,6 +67,11 @@ const Markdown = ({ content }: MarkdownProps) => {
           video: ({ src }) => <span>{src}</span>,
           iframe: ({ src }) => <span>{src}</span>,
           source: ({ src }) => <span>{src}</span>,
+          hr: () => (
+            <div className={styles.hrWrapper}>
+              <hr />
+            </div>
+          ),
         }}
       />
     </span>
diff --git a/src/components/post/post.module.css b/src/components/post/post.module.css
index aeeebec7..a518f3d0 100644
--- a/src/components/post/post.module.css
+++ b/src/components/post/post.module.css
@@ -85,6 +85,10 @@
   color: var(--post-menu-button-color-hover);
 }
 
+.postDesktop .postMessage {
+  padding: 1em 40px;
+}
+
 @media (max-width: 640px) {
   .postDesktop {
     display: none;
diff --git a/src/components/post/post.tsx b/src/components/post/post.tsx
index 316277a2..c33cd6c3 100644
--- a/src/components/post/post.tsx
+++ b/src/components/post/post.tsx
@@ -62,13 +62,13 @@ const Post = ({ post }: Comment) => {
             </span>
             <span className={styles.postMenuBtn}>▶</span>
           </div>
-          <div className={styles.postMessage}>
-            {content && (
+          {content && (
+            <div className={styles.postMessage}>
               <blockquote>
                 <Markdown content={content} />
               </blockquote>
-            )}
-          </div>
+            </div>
+          )}
         </div>
       </div>
     </div>
diff --git a/src/index.css b/src/index.css
index 83a51a55..32cee036 100644
--- a/src/index.css
+++ b/src/index.css
@@ -7,7 +7,7 @@ body {
   background-color: white;
 }
 
-body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, th, td, iframe {
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, th, td, iframe, blockquote {
   margin: 0;
   padding: 0;
 }