From 139f159f5a6beeab0e9a19917b41190fd14669b6 Mon Sep 17 00:00:00 2001
From: Nicolas Doby <nicolas.doby@itsonus.fr>
Date: Mon, 21 Nov 2022 12:29:57 +0000
Subject: [PATCH] fix: invert the buttons on the button navigation of an
 article (#2)

Reviewed-on: https://git.itsonus.fr/internal/itsonus-blog/pulls/2
---
 src/_layouts/article.njk       | 12 ++++++------
 src/blog_assets/css/index.scss |  4 ++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/_layouts/article.njk b/src/_layouts/article.njk
index 25d7bf2..950b83e 100644
--- a/src/_layouts/article.njk
+++ b/src/_layouts/article.njk
@@ -28,15 +28,15 @@ templateClass: tmpl-post
   {%- if nextArticle or previousArticle %}
     <nav class="post-nav">
       <ul>
-        {%- if previousArticle %}<li class="previous">
-          <a href="{{ previousArticle.url }}" title="Article précédent">
-            <span class="icon" aria-hidden="true">«</span>
-            <span>{{ previousArticle.data.title }}</span>
-          </a>
-          </li>{% endif %}
         {%- if nextArticle %}<li class="next">
           <a href="{{ nextArticle.url }}" title="Article suivant">
+            <span class="icon" aria-hidden="true">«</span>
             <span>{{ nextArticle.data.title }}</span>
+          </a>
+          </li>{% endif %}
+        {%- if previousArticle %}<li class="previous">
+          <a href="{{ previousArticle.url }}" title="Article précédent">
+            <span>{{ previousArticle.data.title }}</span>
             <span class="icon" aria-hidden="true">»</span>
           </a>
           </li>{% endif %}
diff --git a/src/blog_assets/css/index.scss b/src/blog_assets/css/index.scss
index 5db6e02..2ab94f0 100644
--- a/src/blog_assets/css/index.scss
+++ b/src/blog_assets/css/index.scss
@@ -340,12 +340,12 @@ h1 + .post-metadata {
   }
   .previous {
     .icon {
-      margin-right: 2rem;
+      margin-left: 2rem;
     }
   }
   .next {
     .icon {
-      margin-left: 2rem;
+      margin-right: 2rem;
     }
   }
 }