(footer) more spaces

src/components/Footer.js

@@ -4,7 +4,7 @@ import styled from "styled-components"
 import useSiteMetadata from "../hooks/use-site-config"
 import { media, colors } from "../tokens"
 import { Gitlab } from '@styled-icons/fa-brands/Gitlab'
-import { Linkedin} from '@styled-icons/boxicons-logos/Linkedin'
+import { LinkedinSquare } from '@styled-icons/boxicons-logos/LinkedinSquare'
 import { Twitter } from '@styled-icons/boxicons-logos/Twitter'
 import { Youtube } from '@styled-icons/simple-icons/Youtube'
 
@@ -30,7 +30,7 @@ const FooterWrapper = styled.footer`
       flex: 1 1 auto;
       display: inline-flex;
       flex-direction: column;
-      padding-right: 1em;
+      padding: 24px;
     }
   }
 
@@ -95,11 +95,14 @@ const FooterWrapper = styled.footer`
      
     display: inline-block;
     margin-left: 40%;
-    margin-bottom: 5%;
-    
-    
+    margin-bottom: 24px;
+  
     padding-left: 20px;
     padding-right: 10rem;
+
+    & a {
+      padding: 10px;
+    }
   }
 
   @media (max-width: 564px) {
@@ -151,20 +154,20 @@ const Footer = () => {
     <FooterWrapper>
       
         <div className="footer-social">
-          <a className="footer-link" href="https://twitter.com/art_devops">
-              <Twitter size="26px" />
+          <a href="https://twitter.com/art_devops">
+            <Twitter size="30px" />
           </a>
 
-          <a className="footer-link" href="https://www.youtube.com/channel/UCauIDghddUNu6Fto1nR9Bmg/?sub_confirmation=1">
-            <Youtube size="26px" />
+          <a href="https://www.youtube.com/channel/UCauIDghddUNu6Fto1nR9Bmg/?sub_confirmation=1">
+            <Youtube size="30px" />
           </a>
 
-          <a className="footer-link" href="https://www.linkedin.com/company/lydrafr/">
-            <Linkedin size="26px" />
+          <a href="https://www.linkedin.com/company/lydrafr/">
+            <LinkedinSquare size="30px" />
           </a>
 
-          <a className="footer-link" href="https://gitlab.com/froggit">
-            <Gitlab size="26px" />
+          <a href="https://gitlab.com/froggit">
+            <Gitlab size="30px" />
           </a> 
         </div>