From d5a7b418a322c598c4f0d0413eb1f8c0f7f1c1aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <dnalop.me@gmail.com>
Date: Sat, 13 May 2023 08:40:23 +0200
Subject: [PATCH] Ensure "no posts" message doesn't get placed in ul

---
 src/components/PostList.astro | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/PostList.astro b/src/components/PostList.astro
index 86d6e6b..54885bb 100644
--- a/src/components/PostList.astro
+++ b/src/components/PostList.astro
@@ -16,16 +16,22 @@ const posts = (
 ).sort((a, b) => a.data.pubDate.valueOf() - b.data.pubDate.valueOf());
 ---
 
-<ul class="post-list">
-  {
-    posts.length === 0 ? (
-      <p>No posts were found</p>
-    ) : (
-      posts.map((post) => (
+{
+  posts.length === 0 ? (
+    <p id="no-posts-found">No posts were found...</p>
+  ) : (
+    <ul class="post-list">
+      {posts.map((post) => (
         <li>
           <a href={`/blog/${post.slug}`}>{post.data.title}</a>
         </li>
-      ))
-    )
+      ))}
+    </ul>
+  )
+}
+
+<style>
+  #no-posts-found {
+    text-align: center;
   }
-</ul>
+</style>