Update index page style

index.html

@@ -13,15 +13,17 @@ <h1 class="flex space-x-1 items-center">
     </div>
     {% assign posts = site.posts | where: "category", "notes" | sort: "updated_date" | reverse | slice: 0, 10 %}
     {% for post in posts %}
+    <div class="flex flex-col space-y-3">
         <div class="flex flex-col space-y-1 bg-white p-3 shadow rounded">
-            <div class="flex space-x-1 items-center">
+            <div class="flex space-x-2 items-start">
                 <span>{% include post-stage.html stage=post.stage %}</span>
                 <h2><a class="text-xl font-semibold" href="{{ post.url }}">{{ post.title }}</a></h2>
             </div>
-            <div class="text-stone-700 pl-7">
+            <div class="text-stone-700 pl-8">
                 {{ post.excerpt }}
             </div>
         </div>
+    </div>
     {% endfor %}
 </div>
 
@@ -33,16 +35,18 @@ <h1 class="flex space-x-1 items-center">
         </h1>
         <p class="text-stone-500">Some random rabbit holes I fell into.</p>
     </div>
-    {% assign posts = site.posts | where: "category", "dives" | sort: "updated_date" | reverse | slice: 0, 10 %}
-    {% for post in posts %}
+    {% assign posts = site.posts | where: "category", "dives" | sort: "created_date" | reverse | slice: 0, 10 %}
+    <div class="flex flex-col space-y-3">
+        {% for post in posts %}
         <div class="flex flex-col space-y-1 bg-white p-3 shadow rounded">
-            <div class="flex space-x-1 items-center">
+            <div class="flex space-x-2 items-start">
                 <span>{% include post-stage.html stage=post.stage %}</span>
                 <h2><a class="text-xl font-semibold" href="{{ post.url }}">{{ post.title }}</a></h2>
             </div>
-            <div class="text-stone-700 pl-7">
+            <div class="text-stone-700 pl-8">
                 {{ post.excerpt }}
             </div>
         </div>
-    {% endfor %}
+        {% endfor %}
+    </div>
 </div>