Minor update to how drafts posts are labeled

sass/blog.scss

@@ -98,6 +98,8 @@
   color: var(--red);
   font-weight: bold;
   font-size: 1rem;
+  margin-left: 0.5rem;
+  display: inline-block;
 }
 
 .tags {

templates/base.html

@@ -137,8 +137,7 @@
     <script>
         feather.replace();
     </script> 
-    {% block body_end %} 
-    {% endblock %}
+    {% block body_end -%} 
+    {% endblock body_end -%}
 </body>
-
 </html>

templates/posts.html

@@ -18,7 +18,7 @@
       <div class="matter">
         <div class="title small">
           <a href="{{ post.permalink | safe }}">{{ post.title }}</a>
-          {% if post.draft %}<span class="draft">Draft</span>{% endif %}
+          {% if post.draft %}<span class="draft">(Draft)</span>{% endif %}
         </div>
         {{ hooks::posts_below_title(page=post) }} 
       </div>

templates/taxonomy_single.html

@@ -18,7 +18,7 @@
         <div class="matter">
           <div class="title small">
             <a href="{{ post.permalink | safe }}">{{ post.title }}</a>
-            {% if post.draft %}<span class="draft">Draft</span>{% endif %}
+            {% if post.draft %}<span class="draft">(Draft)</span>{% endif %}
           </div>
           {{ hooks::posts_below_title(page=post) }} 
         </div>