From 00a535308063dc5ce6839b0e6a758d45ae21bbd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Corentin=20S=C3=A9chet?= <corentin@ki-dour.org>
Date: Mon, 10 Jun 2024 11:38:57 +0200
Subject: [PATCH] fix: center links vertically

---
 src/lib/nav.html | 12 ++++++------
 src/lib/nav.scss |  8 +++++---
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/lib/nav.html b/src/lib/nav.html
index 8ba5c43..abc62a0 100644
--- a/src/lib/nav.html
+++ b/src/lib/nav.html
@@ -18,22 +18,22 @@
     </div>
     <div class="nav-bar--separator"></div>
     <div class="nav-bar--links">
-      <a href="mailto:contact@frog-collective.com">
+      <a class="nav-bar--link" href="mailto:contact@frog-collective.com">
           <img src="/img/mail-fill.svg" alt-text="{{ gettext('Mail') }}"></img>
       </a>
-      <a href="https://www.youtube.com/@FrogCoGames" target="_blank">
+      <a class="nav-bar--link" href="https://www.youtube.com/@FrogCoGames" target="_blank">
           <img src="/img/youtube-fill.svg" alt-text="Youtube"></img>
       </a>
-      <a href="https://www.twitch.tv/frogcollective" target="_blank">
+      <a class="nav-bar--link" href="https://www.twitch.tv/frogcollective" target="_blank">
           <img src="/img/twitch-fill.svg" alt-text="Twitch"></img>
       </a>
-      <a href="https://mastodon.social/@frogcollective" target="_blank">
+      <a class="nav-bar--link" href="https://mastodon.social/@frogcollective" target="_blank">
           <img src="/img/mastodon-fill.svg" alt-text="Mastodon"></img>
       </a>
-      <a href="https://x.com/FrogCoGames" target="_blank">
+      <a class="nav-bar--link" href="https://x.com/FrogCoGames" target="_blank">
           <img src="/img/twitter-x-line.svg" alt-text="Twitter - X"></img>
       </a>
-      <a href="https://www.facebook.com/profile.php?id=61560180067337" target="_blank">
+      <a class="nav-bar--link" href="https://www.facebook.com/profile.php?id=61560180067337" target="_blank">
           <img src="/img/facebook-circle-fill.svg" alt-text="Facebook"></img>
       </a>
     </div>
diff --git a/src/lib/nav.scss b/src/lib/nav.scss
index f064afe..6f9a472 100644
--- a/src/lib/nav.scss
+++ b/src/lib/nav.scss
@@ -184,12 +184,10 @@
     }
 
     &--links {
-        height: var(--desktop-height);
-
+        display: flex;
         justify-self: end;
         align-self: center;
 
-        display: flex;
         padding: var(--space-small);
 
         img {
@@ -197,5 +195,9 @@
             filter: invert(100%);
         }
     }
+
+    &--link {
+        display: flex;
+    }
 }