aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages/about
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-14 22:21:39 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-14 22:22:27 +0800
commita2cb815454033e95a17ae1fc36c7c8d1326c3d39 (patch)
tree8a521ca2d5d92b23426015b5ce519e5e4449f35d /packages/website/ts/@next/pages/about
parentef200b1ce699adb48071eb1cc94cc47bcfbdbd9d (diff)
downloaddexon-0x-contracts-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.tar
dexon-0x-contracts-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.tar.gz
dexon-0x-contracts-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.tar.bz2
dexon-0x-contracts-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.tar.lz
dexon-0x-contracts-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.tar.xz
dexon-0x-contracts-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.tar.zst
dexon-0x-contracts-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.zip
Misc feedbackTweak jobs page
Diffstat (limited to 'packages/website/ts/@next/pages/about')
-rw-r--r--packages/website/ts/@next/pages/about/jobs.tsx30
1 files changed, 24 insertions, 6 deletions
diff --git a/packages/website/ts/@next/pages/about/jobs.tsx b/packages/website/ts/@next/pages/about/jobs.tsx
index 3f4fa9f14..3ed05083e 100644
--- a/packages/website/ts/@next/pages/about/jobs.tsx
+++ b/packages/website/ts/@next/pages/about/jobs.tsx
@@ -99,23 +99,25 @@ export const NextAboutJobs = () => (
);
const Position = ({ position }) => (
- <FlexWrap>
+ <PositionWrap>
<Column width="30%">
- <Heading size="small">{position.title}</Heading>
+ <Heading asElement="h3" size="small" fontWeight="400" marginBottom="0"><a href={position.href}>{position.title}</a></Heading>
</Column>
- <StyledColumn width="50%">
- <Paragraph isMuted={true}>{position.location}</Paragraph>
+ <StyledColumn width="50%" padding="0 40px 0 0">
+ <Paragraph isMuted={true} marginBottom="0">{position.location}</Paragraph>
</StyledColumn>
<Column width="20%">
- <Paragraph><Link href={position.href}>Apply</Link></Paragraph>
+ <Paragraph marginBottom="0" textAlign="right"><Link href={position.href}>Apply</Link></Paragraph>
</Column>
- </FlexWrap>
+ </PositionWrap>
);
const BenefitsList = styled.ul`
color: #000;
+ font-weight: 300;
+ line-height: 1.444444444;
list-style: disc;
columns: auto 2;
column-gap: 80px;
@@ -137,3 +139,19 @@ const ImageWrap = styled.figure`
const StyledColumn = styled(Column)`
flex-shrink: 0;
`;
+
+const PositionWrap = styled(FlexWrap)`
+ margin-bottom: 40px;
+ padding-bottom: 30px;
+ position: relative;
+
+ &:after {
+ content: '';
+ width: 100%;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ height: 1px;
+ background-color: #E3E3E3;
+ }
+`;