update site style

site/templates/component.html

@@ -25,9 +25,9 @@
       {%- endif %}
     </h1>
     {{ post.html }}
-    {%- if post.meta.template === 'component' && !post.meta.nodemos %}
-    {%- include "demos.html" %}
-    {%- endif %}
   </article>
+  {%- if post.meta.template === 'component' && !post.meta.nodemos %}
+  {%- include "demos.html" %}
+  {%- endif %}
 </section>
 {% endblock %}

static/style.css

@@ -526,6 +526,7 @@ footer ul li > a {
 .markdown {
   color: #777;
   font-size: 14px;
+  line-height: 1.8;
 }
 
 .markdown h1 {
@@ -549,7 +550,12 @@ footer ul li > a {
 
 .markdown > ul > li {
   list-style: circle;
-  margin-left: 18px;
+  margin-left: 20px;
+  padding-left: 8px;
+}
+
+.markdown code {
+  margin: 0 3px;
 }
 
 .markdown pre code {
@@ -557,6 +563,7 @@ footer ul li > a {
   border: none;
   border-radius: 6px;
   padding: 12px 20px;
+  margin: 0;
 }
 
 .markdown > table {
@@ -1633,6 +1640,10 @@ footer ul li > a {
   margin-right: 5px;
 }
 
+.component-demos {
+  margin: 2em 0 1em;
+}
+
 .component-demos .icon-all {
   cursor: pointer;
   font-size: 16px;