a11y: plus d'espace autour de liens pour faciliter l'usage mobile

marc-bouvier · Nov 1, 2024 · 49451e6 · 49451e6
1 parent ebe3217
commit 49451e6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git 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
@@ -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 }}