From 67621df015f86cf687ff68108cd1d337fec05075 Mon Sep 17 00:00:00 2001
From: dag7dev <dag7@protonmail.com>
Date: Sun, 5 Sep 2021 17:12:10 +0200
Subject: [PATCH] mobile: smaller icons on mobile

---
 assets/scss/socialicons.scss | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/assets/scss/socialicons.scss b/assets/scss/socialicons.scss
index a17ea5d..b1b4123 100644
--- a/assets/scss/socialicons.scss
+++ b/assets/scss/socialicons.scss
@@ -1,27 +1,34 @@
-.inline-svg {
-    display: inline-block;
-    height: 40px;
-    width: 40px;
-    top: 0.15rem;
-    position: relative;
-}
-
 .social-icons {
     display: flex;
     flex-wrap: wrap;
     flex-direction: row
 }
-
+  
 @media screen {
+    .inline-svg {
+        display: inline-block;
+        height: 40px;
+        width: 40px;
+        top: 0.15rem;
+        position: relative;
+    }
+
     .social-icons>* {
         flex: 0 0 25%;
-        padding-left: 10px;
+        padding-right: 10px;
     }
 }
-
+  
 @media (max-width:960px) {
+    .inline-svg {
+        display: inline-block;
+        height: 20px;
+        width: 20px;
+        top: 0.15rem;
+    }
+
     .social-icons>* {
         flex: 0 0 5%;
-        padding-left: 10px;
+        padding-right: 10px;
     }
 }