From 7a4d7d2e052069c66044bc42e1579ac547673e2c Mon Sep 17 00:00:00 2001
From: jabuxas <jabuxas@proton.me>
Date: Thu, 10 Oct 2024 16:00:00 -0300
Subject: [PATCH] feat: make icons clickable and fix: alignment

---
 dev/index.html | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/dev/index.html b/dev/index.html
index ed79ee3..f5626f1 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -61,12 +61,18 @@
             text-decoration: none;
             color: #d4d4d4;
             font-weight: bolder;
+            display: flex;
+            align-items: center;
         }
 
         .icon {
             font-family: "JetBrainsMono Nerd Font";
         }
 
+        .icon:before {
+            margin-right: 20px;
+        }
+
         .mail-icon:before {
             content: "\f42f";
             font-size: 2em;
@@ -114,24 +120,19 @@
         </div>
         <div class="bottom-level">
             <div class="link-item">
-                <span class="mail-icon icon"></span>
-                <a href="mailto:jabuxas@proton.me">my contact email</a>
+                <a class="mail-icon icon" href="mailto:jabuxas@proton.me">my contact email</a>
             </div>
             <div class="link-item">
-                <span class="github-icon icon"></span>
-                <a href="https://github.com/jabuxas" target="_blank">my github</a>
+                <a class="github-icon icon" href="https://github.com/jabuxas" target="_blank">my github</a>
             </div>
             <div class="link-item">
-                <span class="gitea-icon icon"></span>
-                <a href="https://git.jabuxas.xyz/jabuxas" target="_blank">my gitea</a>
+                <a class="gitea-icon icon" href="https://git.jabuxas.xyz/jabuxas" target="_blank">my gitea</a>
             </div>
             <div class="link-item">
-                <span class="blog-icon icon"></span>
-                <a href="https://blog.jabuxas.xyz" target="_blank">my blog</a>
+                <a class="blog-icon icon" href="https://blog.jabuxas.xyz" target="_blank">my blog</a>
             </div>
             <div class="link-item">
-                <span class="paste-icon icon"></span>
-                <a href="https://paste.jabuxas.xyz" target="_blank">my paste</a>
+                <a class="paste-icon icon" href="https://paste.jabuxas.xyz" target="_blank">my paste</a>
             </div>
         </div>
     </div>