Rearrange post listing

static/style.css

@@ -116,16 +116,13 @@ a:hover {
   align-items: center;
   background: white;
   border: 1px solid var(--dark-accent);
-  display: flex;
-  flex-wrap: wrap;
   font-size: 16px;
   font-weight: bold;
-  justify-content: space-between;
   padding: 0.5em;
 }
 
 .post__title {
-  flex: 1;
+  margin-bottom: 0.25em;
   margin-right: 1em;
   min-width: 220px;
 }

templates/components.html

@@ -1,20 +1,20 @@
 {% macro post(post, type) %}
   <div class="post">
-    <h3 class="post__heading">
-      <span class="post__title">
-        {{ post.title }} <span class="post__date">:: {{ post.date }}</span>
-      </span>
-      <div class="post__links">
-        {% if type == "index" %}
-          <a class="post__link" href="/posts/{{ post.id }}">view</a>
-        {% endif %}
-
+    
+      <div class="post__heading">
+        <div class="post__title">
+          <span class="post__date">:: {{ post.date }} //</span>
+          <a class="post__link" href="/posts/{{ post.id }}">
+            {{ post.title }}
+          </a>
+        </div>
         {% if logged_in %}
-          <a class="post__link" href="/posts/{{ post.id }}/edit">edit</a>
-          <span class="post__link danger" data-delete="{{ post.id }}">delete</span>
+          <div class="post__meta">
+            <a class="post__link" href="/posts/{{ post.id }}/edit">edit</a>
+            <span class="post__link danger" data-delete="{{ post.id }}">delete</span>          
+          </div>
         {% endif %}
       </div>
-    </h3>
 
     {% if type != "index" %}
       <div class="post__body">