Add markdown styling

style.html.j2

@@ -167,10 +167,10 @@
         {% endif %}
 
         {% if yaml.description %}
-            <center>{{ yaml.description | markdown | safe }}</center>
+            <div class="markdown">{{ yaml.description | markdown | safe }}</div>
         {% endif %}
         {% if xml.description %}
-            <center>{{ xml.description | markdown | safe }}</center>
+            <div class="markdown">{{ xml.description | markdown | safe }}</div>
         {% endif %}
 
         {% if yaml.steps %}

style.scss

@@ -130,6 +130,26 @@
         border-radius: 1mm;
         background-color: #ddd;
         font-size: 0.9em;
+        position: relative;
+
+        .markdown {
+            text-align: center;
+
+            table {
+                margin-top:-0.3em;
+                margin-left:auto;
+                margin-right:auto;
+                th, td {
+                    font-size: 2.5mm; /* user agent style override */
+                }
+            }
+            p + table {
+                margin-top:-1em;
+            }
+            li {
+                text-align: left;
+            }
+        }
 
         ul, ol {
             padding-left: 1.5em;