From 7e99283e9ed41cf0c06bb749df088de48f616e6d Mon Sep 17 00:00:00 2001
From: Aravind Srinivasan <aravindsrinivasan2000@gmail.com>
Date: Thu, 10 Sep 2020 15:40:23 +0530
Subject: [PATCH] Fix: Odd behaviour in social links in Teams page

---
 src/Pages/Team/Cluster.js  | 8 ++++----
 src/Pages/Team/cluster.css | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/Pages/Team/Cluster.js b/src/Pages/Team/Cluster.js
index 63e659b..1e892d6 100644
--- a/src/Pages/Team/Cluster.js
+++ b/src/Pages/Team/Cluster.js
@@ -54,12 +54,12 @@ const Cluster = (props) => {
       />
       <p>{person.name}</p>
       <div className="social">
-        <a href={person.github} target="_blank">
+        {person.github && <a href={person.github} target="_blank">
           <img src={git} />
-        </a>
-        <a href={person.linkedin} target="_blank">
+        </a>}
+        {person.linkedin && <a href={person.linkedin} target="_blank">
           <img src={linkedin} />
-        </a>
+        </a>}
       </div>
     </div>
   ));
diff --git a/src/Pages/Team/cluster.css b/src/Pages/Team/cluster.css
index 9b941e3..aad09f2 100644
--- a/src/Pages/Team/cluster.css
+++ b/src/Pages/Team/cluster.css
@@ -14,6 +14,10 @@
   }
 }
 
+.social {
+  min-height: 100px;
+}
+
 .social img {
   border-radius: 0;
   width: 24px;