From 49451e6233a460dfa5e54a95b157c21a6c3236de Mon Sep 17 00:00:00 2001
From: Marc Bouvier <m.bouvier.dev@gmail.com>
Date: Fri, 1 Nov 2024 17:06:13 +0100
Subject: [PATCH] a11y: plus d'espace autour de liens pour faciliter l'usage
 mobile

---
 index.html     | 6 +++++-
 making-of.html | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 9c9e087..142985a 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,11 @@ <h2>Articles</h2>
     <p>Ici, j'écris autant que je peux sur des sujets variés (en général techniques)</p>
     <ul>
         {% for blog in collections.latestFewFinishedArticles %}
-        <li style="display: flex;border-bottom: darkgray dotted 1px;    justify-content: space-between;">
+        <li style="
+            display: flex;
+            border-bottom: darkgray dotted 1px;
+            justify-content: space-between;
+            padding: .2rem;">
             <a href="{{blog.url}}" style="text-decoration: none; flex-grow:1;">{{ blog.data.title }}</a>
             <time datetime="{{blog.data.date}}" style="font-family: monospace">
                 {{ blog.data.date | toLocaleStringFrShort }}
diff --git a/making-of.html b/making-of.html
index 17ded22..9dc4e50 100644
--- a/making-of.html
+++ b/making-of.html
@@ -13,7 +13,11 @@
 
 <ul>
     {% for making-of in collections.making-of %}
-    <li style="display: flex;border-bottom: darkgray dotted 1px;    justify-content: space-between;">
+    <li style="
+        display: flex;
+        border-bottom: darkgray dotted 1px;
+        justify-content: space-between;
+        padding: .2rem;">
         <a href="{{making-of.url}}" style="text-decoration: none; flex-grow:1;">{{ making-of.data.title }}</a>
         <time datetime="{{making-of.data.date}}" style="font-family: monospace;">
             {{ making-of.data.date | toLocaleStringFrShort }}