From 87c08b105ceabef1be6fb1ee59df09d764637045 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Paul=20Nicou=C3=A9?= <contact@paulnicoue.com>
Date: Mon, 13 Feb 2023 17:42:16 +0100
Subject: [PATCH] Edit contact section style

---
 components/ContactHeader.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/components/ContactHeader.vue b/components/ContactHeader.vue
index 7dd9401..22c0d4c 100644
--- a/components/ContactHeader.vue
+++ b/components/ContactHeader.vue
@@ -5,7 +5,7 @@
             <div></div>
             <div>Contact</div>
         </h2>
-        <p class="contact-header__text">Vous avez un projet web à réaliser ? Contactez-moi à l'adresse e-mail <a href="mailto:contact@paulnicoue.com" target="_blank">contact@paulnicoue.com</a> ou via le formulaire ci-après. Vous pouvez également me retrouver sur les plateformes <a href="https://www.malt.fr/profile/paulnicoue" target="_blank">Malt</a> (mise en relation des entreprises et travailleurs indépendants) et <a href="https://gitlab.com/paulnicoue" target="_blank">GitLab</a> (hébergement et gestion de code source).</p>
+        <p class="contact-header__text">Vous avez un projet web à réaliser&nbsp;? Contactez-moi à l'adresse e-mail <a href="mailto:contact@paulnicoue.com" target="_blank">contact@paulnicoue.com</a> ou via le formulaire ci-après. Vous pouvez également me retrouver sur les plateformes <a href="https://www.malt.fr/profile/paulnicoue" target="_blank">Malt</a> (mise en relation des entreprises et travailleurs indépendants) et <a href="https://gitlab.com/paulnicoue" target="_blank">GitLab</a> (hébergement et gestion de code source).</p>
         <div class="contact-header__links" aria-hidden="true">
             <a tabindex="-1" href="https://www.malt.fr/profile/paulnicoue" target="_blank" title="Consulter le profil Malt de Paul Nicoué">
                 <svg viewBox="0 0 24 24" fill="url(#icon-gradient)" xmlns="http://www.w3.org/2000/svg">
@@ -54,6 +54,7 @@
             display: flex;
             justify-content: center;
             align-items: center;
+            gap: 2rem;
 
             a {
                 width: var(--regular-icon-size);
@@ -62,10 +63,6 @@
                 justify-content: center;
                 align-items: center;
 
-                + a {
-                    margin: 0 0 0 2rem;
-                }
-
                 svg {
                     width: 100%;
                     height: 100%;