prettify blog post listing page a bit

assets/css/main.scss

@@ -116,6 +116,16 @@ a:hover {
 	color: $text-emph;
 }
 
+.right {
+	text-align: right;
+	float: right;
+}
+
+.post_listing {
+	margin-top: 40px;
+	margin-bottom: 40px;
+}
+
 nav ul {
 	list-style: none;
 	padding: 0;

blog.html

@@ -4,8 +4,9 @@ title: "blog"
 ---
 <ul>
 {% for post in site.posts %}
-	<li>
+	<li class="post_listing">
-		<a class="bit_bigger" href="{{ post.url }}">{{ post.title }} - {{ post.date | date_to_long_string  }}</a>
+		<a class="bit_bigger" href="{{ post.url }}">{{ post.title }}</a>
+		<span class=right>{{ post.date | date_to_long_string  }}</span>
 		<hr>
 		<p>{{ post.excerpt }}</p>
 	</li>