From de76c38ad9c58808e8358eef4b93e3436aad68a4 Mon Sep 17 00:00:00 2001
From: samuel-p <codes@samuel-philipp.de>
Date: Sun, 21 Jun 2020 22:51:33 +0200
Subject: [PATCH] minor improvements

---
 scss/main.scss      | 15 +++++++++++++++
 sites/de/index.html |  2 +-
 sites/en/index.html |  4 ++--
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/scss/main.scss b/scss/main.scss
index 26cf6fd..161b122 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -137,6 +137,7 @@ a {
     flex-direction: column;
     align-items: center;
     text-align: center;
+    height: 100%;
 
     a {
       pointer-events: all;
@@ -159,3 +160,17 @@ a {
 .contact-links a {
   color: #ffffff !important;
 }
+
+.matrix-icon {
+  margin: 0 8px;
+  width: 4em;
+  height: 4em;
+}
+
+@media (max-width: 767.98px) {
+  .matrix-icon {
+    width: 2em;
+    height: 2em;
+  }
+}
+
diff --git a/sites/de/index.html b/sites/de/index.html
index 92e51f4..24ca9b7 100644
--- a/sites/de/index.html
+++ b/sites/de/index.html
@@ -57,7 +57,7 @@ eleventyNavigation:
             <div class="m-2"><a href="mailto:mail@sp-codes.de"><span
                     class="fas fa-fw fa-4x fa-envelope"></span></a></div>
             <div class="m-2"><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
-                <img style="width: 64px; height: 64px; margin: 0 8px;" src="img/matrix.png" alt=""></a></div>
+                <img class="matrix-icon" src="img/matrix.png" alt=""></a></div>
             <div class="m-2"><a rel="me" href="https://social.tchncs.de/@samuel_p"><span
                     class="fab fa-fw fa-4x fa-mastodon"></span></a></div>
             <div class="m-2"><a href="https://stackoverflow.com/users/9662601/samuel-p"><span
diff --git a/sites/en/index.html b/sites/en/index.html
index 0210681..5b44dcc 100644
--- a/sites/en/index.html
+++ b/sites/en/index.html
@@ -53,11 +53,11 @@ eleventyNavigation:
             </div>
         </div>
 
-        <div class="d-flex justify-content-center flex-wrap my-3">
+        <div class="d-flex justify-content-center flex-wrap my-3 contact-links">
             <div class="m-2"><a href="mailto:mail@sp-codes.de"><span
                     class="fas fa-fw fa-4x fa-envelope"></span></a></div>
             <div class="m-2"><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
-                <img style="width: 64px; height: 64px; margin: 0 8px;" src="img/matrix.png" alt=""></a></div>
+                <img class="matrix-icon" src="img/matrix.png" alt=""></a></div>
             <div class="m-2"><a rel="me" href="https://social.tchncs.de/@samuel_p"><span
                     class="fab fa-fw fa-4x fa-mastodon"></span></a></div>
             <div class="m-2"><a href="https://stackoverflow.com/users/9662601/samuel-p"><span