From 36240de897b3f834fbdcb323d9a3df9e5d3a2d03 Mon Sep 17 00:00:00 2001
From: Steve Klebanoff <steve.klebanoff@gmail.com>
Date: Thu, 20 Dec 2018 14:03:29 -0800
Subject: give more space to job title and change apply link

---
 packages/website/ts/@next/components/link.tsx  | 1 +
 packages/website/ts/@next/pages/about/jobs.tsx | 9 +++++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/website/ts/@next/components/link.tsx b/packages/website/ts/@next/components/link.tsx
index a7711451b..080a0abcc 100644
--- a/packages/website/ts/@next/components/link.tsx
+++ b/packages/website/ts/@next/components/link.tsx
@@ -14,6 +14,7 @@ interface LinkInterface {
         textColor: string;
     };
     shouldOpenInNewTab?: boolean;
+    target?: string;
 }
 
 export const Link = (props: LinkInterface) => {
diff --git a/packages/website/ts/@next/pages/about/jobs.tsx b/packages/website/ts/@next/pages/about/jobs.tsx
index 2fd2c7619..aed8f9ffc 100644
--- a/packages/website/ts/@next/pages/about/jobs.tsx
+++ b/packages/website/ts/@next/pages/about/jobs.tsx
@@ -4,6 +4,7 @@ import DocumentTitle from 'react-document-title';
 import styled from 'styled-components';
 
 import { AboutPageLayout } from 'ts/@next/components/aboutPageLayout';
+import { Link } from 'ts/@next/components/link';
 import { Column, FlexWrap, Section } from 'ts/@next/components/newLayout';
 import { Heading, Paragraph } from 'ts/@next/components/text';
 import { WebsiteBackendJobInfo } from 'ts/types';
@@ -26,7 +27,7 @@ const Position: React.FunctionComponent<PositionItemProps> = (props: PositionIte
     const { position } = props;
     return (
         <PositionWrap>
-            <StyledColumn width="30%">
+            <StyledColumn width="40%">
                 <Heading asElement="h3" size="small" fontWeight="400" marginBottom="0">
                     <a href={position.href} target="_blank">
                         {position.title}
@@ -34,7 +35,7 @@ const Position: React.FunctionComponent<PositionItemProps> = (props: PositionIte
                 </Heading>
             </StyledColumn>
 
-            <StyledColumn width="50%" padding="0 40px 0 0">
+            <StyledColumn width="30%" padding="0 40px 0 0">
                 <Paragraph isMuted={true} marginBottom="0">
                     {position.location}
                 </Paragraph>
@@ -42,9 +43,9 @@ const Position: React.FunctionComponent<PositionItemProps> = (props: PositionIte
 
             <StyledColumn width="20%">
                 <Paragraph marginBottom="0" textAlign="right">
-                    <a href={position.href} target="_blank">
+                    <Link href={position.href} target="_blank">
                         Apply
-                    </a>
+                    </Link>
                 </Paragraph>
             </StyledColumn>
         </PositionWrap>
-- 
cgit v1.2.3


From 970e670467277bd6c27fd9bdc18baf3f9fe733f7 Mon Sep 17 00:00:00 2001
From: Steve Klebanoff <steve.klebanoff@gmail.com>
Date: Thu, 20 Dec 2018 14:07:04 -0800
Subject: make percentage 100%

---
 packages/website/ts/@next/pages/about/jobs.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/website/ts/@next/pages/about/jobs.tsx b/packages/website/ts/@next/pages/about/jobs.tsx
index aed8f9ffc..7a1774a2b 100644
--- a/packages/website/ts/@next/pages/about/jobs.tsx
+++ b/packages/website/ts/@next/pages/about/jobs.tsx
@@ -35,7 +35,7 @@ const Position: React.FunctionComponent<PositionItemProps> = (props: PositionIte
                 </Heading>
             </StyledColumn>
 
-            <StyledColumn width="30%" padding="0 40px 0 0">
+            <StyledColumn width="40%" padding="0 40px 0 0">
                 <Paragraph isMuted={true} marginBottom="0">
                     {position.location}
                 </Paragraph>
-- 
cgit v1.2.3


From 01e7850cd3161748bc314901eb1a630503c10046 Mon Sep 17 00:00:00 2001
From: Steve Klebanoff <steve.klebanoff@gmail.com>
Date: Thu, 20 Dec 2018 15:13:09 -0800
Subject: fix(website): Cleanup jobs section

---
 packages/website/ts/@next/pages/about/jobs.tsx  | 20 ++++++++++++--------
 packages/website/ts/components/ui/container.tsx |  1 +
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/packages/website/ts/@next/pages/about/jobs.tsx b/packages/website/ts/@next/pages/about/jobs.tsx
index 7a1774a2b..cdfb00775 100644
--- a/packages/website/ts/@next/pages/about/jobs.tsx
+++ b/packages/website/ts/@next/pages/about/jobs.tsx
@@ -7,6 +7,8 @@ import { AboutPageLayout } from 'ts/@next/components/aboutPageLayout';
 import { Link } from 'ts/@next/components/link';
 import { Column, FlexWrap, Section } from 'ts/@next/components/newLayout';
 import { Heading, Paragraph } from 'ts/@next/components/text';
+import { Container } from 'ts/components/ui/container';
+import { colors } from 'ts/style/colors';
 import { WebsiteBackendJobInfo } from 'ts/types';
 import { backendClient } from 'ts/utils/backend_client';
 import { constants } from 'ts/utils/constants';
@@ -27,22 +29,24 @@ const Position: React.FunctionComponent<PositionItemProps> = (props: PositionIte
     const { position } = props;
     return (
         <PositionWrap>
-            <StyledColumn width="40%">
-                <Heading asElement="h3" size="small" fontWeight="400" marginBottom="0">
-                    <a href={position.href} target="_blank">
-                        {position.title}
-                    </a>
-                </Heading>
+            <StyledColumn width="50%">
+                <Container position="relative" top="-3px" paddingRight="12px">
+                    <Heading asElement="h3" size="small" fontWeight="400" marginBottom="0">
+                        <a href={position.href} target="_blank">
+                            {position.title}
+                        </a>
+                    </Heading>
+                </Container>
             </StyledColumn>
 
-            <StyledColumn width="40%" padding="0 40px 0 0">
+            <StyledColumn width="30%" padding="0 40px 0 0">
                 <Paragraph isMuted={true} marginBottom="0">
                     {position.location}
                 </Paragraph>
             </StyledColumn>
 
             <StyledColumn width="20%">
-                <Paragraph marginBottom="0" textAlign="right">
+                <Paragraph marginBottom="0" textAlign="right" color={colors.brandDark} fontWeight={400}>
                     <Link href={position.href} target="_blank">
                         Apply
                     </Link>
diff --git a/packages/website/ts/components/ui/container.tsx b/packages/website/ts/components/ui/container.tsx
index ae00851e5..4fa426dbd 100644
--- a/packages/website/ts/components/ui/container.tsx
+++ b/packages/website/ts/components/ui/container.tsx
@@ -9,6 +9,7 @@ type StringOrNum = string | number;
 export type ContainerTag = 'div' | 'span';
 
 export interface ContainerProps {
+    children?: React.ReactNode;
     margin?: string;
     marginTop?: StringOrNum;
     marginBottom?: StringOrNum;
-- 
cgit v1.2.3