update gitlab icon

packages/website/src/components/Icons/Gitlab.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitLab</title><path d="M4.845.904c-.435 0-.82.28-.955.692C2.639 5.449 1.246 9.728.07 13.335a1.437 1.437 0 00.522 1.607l11.071 8.045c.2.145.472.144.67-.004l11.073-8.04a1.436 1.436 0 00.522-1.61c-1.285-3.942-2.683-8.256-3.817-11.746a1.004 1.004 0 00-.957-.684.987.987 0 00-.949.69l-2.405 7.408H8.203l-2.41-7.408a.987.987 0 00-.942-.69h-.006zm-.006 1.42l2.173 6.678H2.675zm14.326 0l2.168 6.678h-4.341zm-10.593 7.81h6.862c-1.142 3.52-2.288 7.04-3.434 10.559L8.572 10.135zm-5.514.005h4.321l3.086 9.5zm13.567 0h4.325c-2.467 3.17-4.95 6.328-7.411 9.502 1.028-3.167 2.059-6.334 3.086-9.502zM2.1 10.762l6.977 8.947-7.817-5.682a.305.305 0 01-.112-.341zm19.798 0l.952 2.922a.305.305 0 01-.11.341v.002l-7.82 5.68.026-.035z"/></svg>

packages/website/src/components/Icons/index.js

@@ -16,7 +16,7 @@ export { ReactComponent as ExternalLink } from "./ExternalLink.svg";
 export { ReactComponent as FacebookSmall } from "./FacebookSmall.svg";
 export { ReactComponent as Fingerprint } from "./Fingerprint.svg";
 export { ReactComponent as GithubSmall } from "./GithubSmall.svg";
-export { ReactComponent as GitlabSmall } from "./GitlabSmall.svg";
+export { ReactComponent as Gitlab } from "./Gitlab.svg";
 export { ReactComponent as Info } from "./Info.svg";
 export { ReactComponent as Join } from "./Join.svg";
 export { ReactComponent as Layers } from "./Layers.svg";

packages/website/src/pages/about.js

@@ -14,7 +14,7 @@ import {
   Cogs,
   TwitterSmall,
   GithubSmall,
-  GitlabSmall,
+  Gitlab,
   LinkedinSmall,
 } from "../components/Icons";
 import Link from "../components/Link";
@@ -75,7 +75,7 @@ const SocialIcon = ({ name }) => {
     case "github":
       return <GithubSmall />;
     case "gitlab":
-      return <GitlabSmall />;
+      return <Gitlab width={16} height={16} />;
     default:
       throw new Error(`Cannot find an icon for "${name}"`);
   }
@@ -83,7 +83,7 @@ const SocialIcon = ({ name }) => {
 
 const TeamCard = ({ image, name, position, social }) => (
   <div className="flex">
-    <GatsbyImage image={getImage(image)} alt={name} />
+    <GatsbyImage image={getImage(image)} alt={name} className="rounded" />
     <div className="flex flex-col justify-between ml-3">
       <div className="flex flex-col">
         <span className="font-light text-lg">{name}</span>
@@ -94,7 +94,7 @@ const TeamCard = ({ image, name, position, social }) => (
           {Object.entries(social)
             .filter(([platform, href]) => href)
             .map(([platform, href]) => (
-              <Link key={platform} href={href} title={platform}>
+              <Link key={platform} href={href} title={platform} className="w-6 h-6 flex items-center justify-center">
                 <SocialIcon name={platform} />
               </Link>
             ))}