Style tweaks

templates/index.html

@@ -21,7 +21,7 @@
 <div class="posts">
   {% for post in posts %}
   <div class="posts__post post">
-    <h3 class="post__heading">{{ post.title }} // {{ post.date }}</h3>
+    <h3 class="post__heading">{{ post.title }} :: {{ post.date }}</h3>
     <div class="post__body">
       {{ post.body | safe }}
     </div>

templates/layout.html

@@ -13,13 +13,13 @@
 
       body {
         background: #aab5a9;
-        color: #383e37;
+        color: #000;
         font-family: Verdana, Geneva, Tahoma, sans-serif;
         font-size: 12px;
       }
 
       a {
-        color: #383e37;
+        color: #000;
       }
 
       a:hover {
@@ -60,25 +60,21 @@
       }
 
       .post {
-        margin: 4em 0;
+        margin: 3em 0;
       }
 
       .post__heading {
         background: white;
         border: 1px solid #383e37;
-        margin: 1em 0;
-        padding: 0.25em;
-      }
-
-      .post__heading {
         font-size: 12px;
         font-style: italic;
+        padding: 0.5em;
+        text-align: right;
       }
 
-      .post__heading::before {
-        content: ':: ';
-        font-style: normal;
-        font-weight: normal;
+      .post__body {
+        border-top: none;
+        padding: 0.5em;
       }
 
       .error {