From 5abcd593da8d09d206767d9edf55e3d7d9c04cd9 Mon Sep 17 00:00:00 2001
From: Raphael Forment <raphael.forment@gmail.com>
Date: Fri, 9 Feb 2024 10:16:00 +0100
Subject: [PATCH] Fix: article CSS works better in responsive mode

---
 src/routes/articles/+page.svelte | 9 ++++++---
 src/routes/guides/+page.svelte   | 7 +++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/routes/articles/+page.svelte b/src/routes/articles/+page.svelte
index 1d2d3af..ea9a59a 100644
--- a/src/routes/articles/+page.svelte
+++ b/src/routes/articles/+page.svelte
@@ -13,17 +13,20 @@
 
 <h2>Articles publiés</h2>
 
-<ul>
+<ul class="">
   {#each data.articles as post}
     <li
-      class="list-none px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"
+      class="ml-0 list-none px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"
     >
       <h2>
         <a href={post.path}>
           {post.meta.title}
         </a>
       </h2>
-      <p class="pt-2">Publié le : {post.meta.date} par {post.meta.author}</p>
+      <p class="pt-2">
+        <b>Publié le :</b>
+        {post.meta.date} par <i>{post.meta.author}</i>
+      </p>
     </li>
   {/each}
 </ul>
diff --git a/src/routes/guides/+page.svelte b/src/routes/guides/+page.svelte
index 3513d06..b4671e0 100644
--- a/src/routes/guides/+page.svelte
+++ b/src/routes/guides/+page.svelte
@@ -15,14 +15,17 @@
 <ul>
   {#each data.guides as post}
     <li
-      class="list-none px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"
+      class="ml-0 list-none px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"
     >
       <h2>
         <a href={post.path}>
           {post.meta.title}
         </a>
       </h2>
-      <p class="pt-2">Publié le : {post.meta.date} par {post.meta.author}</p>
+      <p class="pt-2">
+        <b>Publié le :</b>
+        {post.meta.date} par <i>{post.meta.author}</i>
+      </p>
     </li>
   {/each}
 </ul>