Clean up styling for markdown rendered HTML (#34)

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>

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;
+  }
+}