From 9258bf4d71b3494771cdcb0508da482ea7c5cfc8 Mon Sep 17 00:00:00 2001
From: garrettmills <shout@garrettmills.dev>
Date: Fri, 30 Oct 2020 12:31:46 -0500
Subject: [PATCH] Clean up styling for markdown rendered HTML (#34)

---
 .../nodes/markdown/markdown.component.html    |  2 +-
 src/global.scss                               | 37 +++++++++++++++++++
 2 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/src/app/components/nodes/markdown/markdown.component.html b/src/app/components/nodes/markdown/markdown.component.html
index a6a6cac..0b3bc59 100644
--- a/src/app/components/nodes/markdown/markdown.component.html
+++ b/src/app/components/nodes/markdown/markdown.component.html
@@ -7,5 +7,5 @@
             #editor
         ></ngx-monaco-editor>
     </div>
-    <div class="display" markdown katex [data]="contents"></div>
+    <div class="display markdown-display" markdown katex [data]="contents"></div>
 </div>
\ No newline at end of file
diff --git a/src/global.scss b/src/global.scss
index 63d6d60..64ccf5d 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -86,3 +86,40 @@ hr {
   font-size: 1.2em;
   font-weight: bold;
 }
+
+.markdown-display {
+  h1, h2, h3, h4, h5 {
+    margin-top: 35px;
+  }
+
+  blockquote {
+    padding: 1px 20px;
+    color: #444;
+    background: #eee;
+    border-left: 2px solid darkgrey;
+    margin-left: 10px;
+  }
+
+  table {
+    width: 100%;
+    margin: 30px 0;
+  }
+
+  table, th, td {
+    border: 1px solid darkgrey;
+    border-collapse: collapse;
+  }
+
+  th, td {
+    padding: 5px;
+  }
+
+  code {
+    color: #ea4894;
+  }
+
+  pre {
+    background: #fff9ff;
+    padding: 10px;
+  }
+}