Change padding in foote and change icons

components/Footer.tsx

@@ -3,8 +3,8 @@ import * as React from 'react';
 type Props = {};
 
 export default ({}: Props) => (
-  <footer className="footer relative pt-1 border-t-2 border-blue-300">
-    <div className="container mx-auto px-6">
+  <footer className="footer relative pt-1 border-t-2 border-blue-100">
+    <div className="container mx-auto px-6 py-3">
       <h6 className="text-center text-gray-500">
         © 2020. Aleksandr Mihailov.{' '}
         <a href="http://creativecommons.org/licenses/by/3.0/">Some Rights Reserved</a>.

components/personal-card/PersonalCard.tsx

@@ -7,7 +7,7 @@ import Title from './elements/Title';
 type Props = {};
 
 export default ({}: Props) => (
-  <div className={'flex flex-col sm mx-auto  lg:w-1/3 '}>
+  <div className={'flex flex-col sm mx-auto lg:w-1/3'}>
     <Avatar imgUrl="./avatar.jpg" />
     <Title />
     <Description />

components/personal-card/elements/ContactsButtons.tsx

@@ -6,7 +6,8 @@ import {
   faTwitter,
   faGithub,
   faLinkedin,
-  faTwitch
+  faTwitch,
+  faTelegramPlane
 } from '@fortawesome/free-brands-svg-icons';
 
 import { IconDefinition, IconName, IconPrefix } from '@fortawesome/fontawesome-svg-core';
@@ -18,7 +19,7 @@ type Props = {
 };
 
 const typeToIcon: { [key in ContactType]: [IconDefinition, string?] } = {
-  tg: [faTelegram],
+  tg: [faTelegramPlane],
   mail: [faEnvelope],
   twitter: [faTwitter],
   github: [faGithub],

components/personal-card/elements/Description.tsx

@@ -6,9 +6,8 @@ type Props = {};
 export default ({}: Props) => (
   <div className={'flex flex-col flex-row-2'}>
     <span className={'text-2xl text-center'}>Full stack engineer</span>
-    <span className={'text-2xl text-center'}>
-      FP-curious | λ-affected Wanna be rustacean 🦀 and/or secops guy 🔒
-    </span>
+    <span className={'text-2xl text-center'}>FP-curious | λ-affected</span>
+    <span className={'text-2xl text-center'}>Wanna be rustacean 🦀 and/or secops guy 🔒</span>
     <span className={'text-lg text-center text-gray-500 font-light pt-4'}>
       Now <Link href="https://www.samsungnext.com/">@SamsungNEXT</Link> (
       <Link href="https://whisk.com/">Whisk product team</Link>). Previously{' '}