Add basic markdown styling

* wqflask/wqflask/static/new/css/markdown.css: New file.
* wqflask/wqflask/templates/glossary.html: add markdown id to markdown
container.

2 files changed, 18 insertions, 1 deletions

diff --git a/wqflask/wqflask/static/new/css/markdown.css b/wqflask/wqflask/static/new/css/markdown.css
new file mode 100644
index 00000000..91167908
--- /dev/null
+++ b/wqflask/wqflask/static/new/css/markdown.css
@@ -0,0 +1,13 @@
+#markdown {
+    padding: 20px;
+}
+
+#markdown h2, #markdown h3, #markdown h4, #markdown h5 {
+    font-weight: bold;
+}
+
+#markdown img {
+    display: block;
+    margin-right: auto;
+    margin-left: auto;
+}
diff --git a/wqflask/wqflask/templates/glossary.html b/wqflask/wqflask/templates/glossary.html
index 3b29f20e..146c7e86 100644
--- a/wqflask/wqflask/templates/glossary.html
+++ b/wqflask/wqflask/templates/glossary.html
@@ -2,9 +2,13 @@
 
 {% block title %}Glossary{% endblock %}
 
+{% block css %}
+<link rel="stylesheet" type="text/css" href="/static/new/css/markdown.css" />
+{% endblock %}
+
 {% block content %}
 
-<div class="container">
+<div id="markdown" class="container">
     <small>
         <a href="https://raw.githubusercontent.com/genenetwork/genenetwork2/wqflask/wqflask/static/glossary.md" target="_">[Edit on Github]</a></small>
     {{ rendered_markdown|safe }}