From b655a22bf63a3c4a4e234f5351467e9ae5965a11 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Fri, 20 Mar 2026 11:52:06 +0100
Subject: [PATCH] =?UTF-8?q?fix(blog):=20lien=20"lire=20l'article"=20sous?=
 =?UTF-8?q?=20l'image=20sur=20mobile=20+=20champ=20date=20corrig=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Déplace les liens read-more après l'image sur mobile (desktop-only/mobile-only)
- Corrige le champ date : article.date → article.published
- Ajuste le padding .page-container sur mobile

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/views/Blog.svelte | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/views/Blog.svelte b/src/views/Blog.svelte
index aeb0029..1e6b229 100644
--- a/src/views/Blog.svelte
+++ b/src/views/Blog.svelte
@@ -135,7 +135,7 @@
             {#if featured.intro}
               <p class="collection-card-description">{featured.intro}</p>
             {/if}
-            <a href="/blog/{featured.slug}" class="collection-card-readmore">
+            <a href="/blog/{featured.slug}" class="collection-card-readmore desktop-only">
               {t('read_article')} <span class="arrow">→</span>
             </a>
           </div>
@@ -146,6 +146,9 @@
               </a>
             </div>
           {/if}
+          <a href="/blog/{featured.slug}" class="collection-card-readmore mobile-only">
+            {t('read_article')} <span class="arrow">→</span>
+          </a>
         </article>
         <hr class="collection-divider" />
       {/if}
@@ -153,11 +156,11 @@
       {#each articles as article, i}
         <article class="collection-card">
           <div class="collection-card-text">
-            <time class="collection-card-date">{article.date}</time>
+            <time class="collection-card-date">{article.published}</time>
             <h2 class="collection-card-title">
               <a href="/blog/{article.slug}">{article.title}</a>
             </h2>
-            <a href="/blog/{article.slug}" class="collection-card-readmore">
+            <a href="/blog/{article.slug}" class="collection-card-readmore desktop-only">
               {t('read_article')} <span class="arrow">→</span>
             </a>
           </div>
@@ -168,6 +171,9 @@
               </a>
             </div>
           {/if}
+          <a href="/blog/{article.slug}" class="collection-card-readmore mobile-only">
+            {t('read_article')} <span class="arrow">→</span>
+          </a>
         </article>
         {#if i < articles.length - 1}
           <hr class="collection-divider" />
@@ -203,5 +209,9 @@
     .blog {
       padding: 0 1.25rem;
     }
+
+    .page-container {
+      padding: 0 .2rem;
+    }
   }
 </style>