From 141a00a4632904ffdd8fe0feeca805e20f516764 Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Fri, 9 Jul 2021 10:16:01 +0200
Subject: Fix a11y on mobile (links are too close)

---
 app/assets/index.html           | 14 +++++++-------
 app/stylesheets/web/header.styl |  3 ++-
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/app/assets/index.html b/app/assets/index.html
index e2084c4..0a85e3f 100644
--- a/app/assets/index.html
+++ b/app/assets/index.html
@@ -28,13 +28,13 @@
         <em class="header__job-title">Senior Software Developer &centerdot; DevOps</em>
         <address class="header__contact-info">
           <div class="header__location">Berlin, Germany</div>
-          <div class="header__tel"><a href="tel:+491770126386">+49 (0)177 912 6386</a>&nbsp;&centerdot;&nbsp;</div>
-          <div class="header__email"><a href="mailto:a14m@pm.me">a14m@pm.me</a>&nbsp;&centerdot;&nbsp;</div>
-          <div class="header__website"><a href="https://a14m.me">website</a>&nbsp;&centerdot;&nbsp;</div>
-          <div class="header__srht"><a href="https://git.sr.ht/~a14m">sr.ht</a>&nbsp;&centerdot;&nbsp;</div>
-          <div class="header__github"><a href="https://github.com/a14m">Github</a>&nbsp;&centerdot;&nbsp;</div>
+          <div class="header__tel"><a href="tel:+491770126386">+49 (0)177 912 6386</a></div>
+          <div class="header__email"><a href="mailto:a14m@pm.me">a14m@pm.me</a></div>
+          <div class="header__website"><a href="https://a14m.me">website</a></div>
+          <div class="header__srht"><a href="https://git.sr.ht/~a14m">sr.ht</a></div>
+          <div class="header__github"><a href="https://github.com/a14m">Github</a></div>
           <div class="header__stackoverflow">
-            <a href="https://stackoverflow.com/users/1769515/a14m">StackOverflow</a>&nbsp;&centerdot;&nbsp;
+            <a href="https://stackoverflow.com/users/1769515/a14m">StackOverflow</a>
           </div>
           <div class="header__linkedin"><a href="https://www.linkedin.com/in/a14m">LinkedIn</a></div>
         </address>
@@ -84,7 +84,7 @@
           <dt class="skills__title">Platforms</dt>
           <dd class="skills__items">
             Amazon Web Services (<abbr>AWS</abbr>), DigitalOcean, Heroku, Google Cloud Platform (<abbr>GCP</abbr>),
-            Ubuntu/CentOS/ParrotOS Linux.
+            Linux.
           </dd>
 
           <dt class="skills__title">Languages</dt>
diff --git a/app/stylesheets/web/header.styl b/app/stylesheets/web/header.styl
index 3a23a48..7815899 100644
--- a/app/stylesheets/web/header.styl
+++ b/app/stylesheets/web/header.styl
@@ -32,5 +32,6 @@
 .header__github
 .header__stackoverflow
 .header__linkedin {
-  display: inline
+  display: inline-block
+  margin: 8px;
 }
-- 
cgit v1.2.3