Render article drafts when opened directly

assets/css/layout.css

@@ -80,6 +80,14 @@ main header {
   margin-bottom: 3rem;
 }
 
+main header .draft-label {
+  display: inline-block;
+  padding: 0.5rem 1rem;
+  border: 1px solid;
+  border-radius: 5px;
+  font-weight: bold;
+}
+
 main header h1 {
   margin-bottom: 1.6rem;
 }
@@ -105,7 +113,11 @@ main .article-list .item {
 }
 
 main .article-list .item h3 {
-  margin-bottom: 1rem;
+  margin-bottom: 0.5rem;
+}
+
+main .article-list p {
+  margin-top: 0.5rem;
 }
 
 main article footer {

assets/css/themes/default-light.css

@@ -34,6 +34,11 @@ dl dt {
   color: #888;
 }
 
+main header .draft-label {
+  color: #770202;
+  border-color: #770202;
+}
+
 main header .meta .date {
   color: #888;
 }