From d00b47ec3d6918b321b589df9e0eb5611f9b9007 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Thu, 16 Apr 2026 14:55:45 +0200
Subject: [PATCH] article : add margin bottom footer

---
 src/views/Article.svelte | 88 ++++++++++++++++++++--------------------
 1 file changed, 45 insertions(+), 43 deletions(-)

diff --git a/src/views/Article.svelte b/src/views/Article.svelte
index 0d76a17..135fc92 100644
--- a/src/views/Article.svelte
+++ b/src/views/Article.svelte
@@ -98,51 +98,53 @@
 </script>
 
 <div class="article-wrapper">
-<article class="article">
-
-  <!-- Date + share buttons -->
-  <div class="article-topbar">
-    <time class="article-date">{t('published_on')} {data.published}</time>
-    <div class="article-share">
-      {#if copySuccess}
-        <span class="copy-toast">{t('link_copied')}</span>
+  <div class="page-container">
+    <article class="article">
+    
+      <!-- Date + share buttons -->
+      <div class="article-topbar">
+        <time class="article-date">{t('published_on')} {data.published}</time>
+        <div class="article-share">
+          {#if copySuccess}
+            <span class="copy-toast">{t('link_copied')}</span>
+          {/if}
+          <ShareButtons {shareUrl} {copyLink} />
+        </div>
+      </div>
+    
+      <!-- Titre -->
+      <h1 class="article-title font-face-terminal">{data.title}</h1>
+    
+      <!-- Intro -->
+      {#if data.intro}
+        <div class="article-intro">{@html data.intro}</div>
       {/if}
-      <ShareButtons {shareUrl} {copyLink} />
-    </div>
+    
+      <!-- Cover -->
+      {#if data.cover}
+        <div class="article-cover">
+          <img src={data.cover} alt={data.title} />
+        </div>
+      {/if}
+    
+      <!-- Body (Kirby blocks → HTML) -->
+      {#if data.body}
+        <div class="article-body">{@html data.body}</div>
+      {/if}
+    
+      <!-- Share section (bas d'article) -->
+      <div class="article-share-section">
+        <hr class="share-divider" />
+        <p class="share-label">{t('share_article')}</p>
+        <ShareButtons {shareUrl} {copyLink} centered />
+      </div>
+    
+      <!-- Articles recommandés -->
+      {#if data.related?.length}
+        <ArticleRelated related={data.related} />
+      {/if}
+    </article>
   </div>
-
-  <!-- Titre -->
-  <h1 class="article-title font-face-terminal">{data.title}</h1>
-
-  <!-- Intro -->
-  {#if data.intro}
-    <div class="article-intro">{@html data.intro}</div>
-  {/if}
-
-  <!-- Cover -->
-  {#if data.cover}
-    <div class="article-cover">
-      <img src={data.cover} alt={data.title} />
-    </div>
-  {/if}
-
-  <!-- Body (Kirby blocks → HTML) -->
-  {#if data.body}
-    <div class="article-body">{@html data.body}</div>
-  {/if}
-
-  <!-- Share section (bas d'article) -->
-  <div class="article-share-section">
-    <hr class="share-divider" />
-    <p class="share-label">{t('share_article')}</p>
-    <ShareButtons {shareUrl} {copyLink} centered />
-  </div>
-
-  <!-- Articles recommandés -->
-  {#if data.related?.length}
-    <ArticleRelated related={data.related} />
-  {/if}
-</article>
 </div>
 
 <WhitePaperDialog uri={activeWhitePaperUri} onClose={() => activeWhitePaperUri = null} />