Merge pull request #42 from clementinelove/upstream/fix/partner-socia…

…l-alignment Fix partner social icon alignment issue
now-u · Sep 25, 2024 · b9c6f81 · b9c6f81
2 parents abfd2c2 + cbced02
commit b9c6f81
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/app/collaborations/PartnerCard.tsx b/src/app/collaborations/PartnerCard.tsx
@@ -47,39 +47,40 @@ export function PartnerCard(props: { partner: Organisation }): JSX.Element {
         <p className="md:h-36 overflow-scroll">{description}</p>
         <div className="flex justify-between flex-wrap">
           <ul className="flex self-center my-4 py-6">
+            {instagramLink != null ? (
             <li className="px-2">
-              {instagramLink != null ? (
                 <Link href={instagramLink} target="_blank" rel="noreferrer">
                   <FontAwesomeIcon
                     className="hover:cursor-pointer hover:text-white"
                     size="xl"
                     icon={faInstagram}
                   />
                 </Link>
-              ) : null}
             </li>
+            ) : null}
+            {facebookLink != null ? (
             <li className="px-2">
-              {facebookLink != null ? (
+
                 <Link href={facebookLink} target="_blank" rel="noreferrer">
                   <FontAwesomeIcon
                     className="hover:cursor-pointer hover:text-white"
                     size="xl"
                     icon={faFacebookF}
                   />
                 </Link>
-              ) : null}
             </li>
+            ) : null}
+            {twitterLink != null ? (
             <li className="px-2">
-              {twitterLink != null ? (
                 <Link href={twitterLink} target="_blank" rel="noreferrer">
                   <FontAwesomeIcon
                     className="hover:cursor-pointer hover:text-white"
                     size="xl"
                     icon={faXTwitter}
                   />
                 </Link>
-              ) : null}
             </li>
+            ) : null}
           </ul>
           {websiteLink != null ? (
             <LinkButton