diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-12-14 23:04:16 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-15 01:05:49 +0800 |
| commit | eadad19cb586dd06bc41c63eebf05ca81c023fc7 (patch) | |
| tree | 9ce879193ec69d1c16c48b8209c7ee4d582aa928 /packages/website/ts/@next | |
| parent | d410c44b0744524c13d731d9b43dedf1add55f53 (diff) | |
| download | dexon-sol-tools-eadad19cb586dd06bc41c63eebf05ca81c023fc7.tar dexon-sol-tools-eadad19cb586dd06bc41c63eebf05ca81c023fc7.tar.gz dexon-sol-tools-eadad19cb586dd06bc41c63eebf05ca81c023fc7.tar.bz2 dexon-sol-tools-eadad19cb586dd06bc41c63eebf05ca81c023fc7.tar.lz dexon-sol-tools-eadad19cb586dd06bc41c63eebf05ca81c023fc7.tar.xz dexon-sol-tools-eadad19cb586dd06bc41c63eebf05ca81c023fc7.tar.zst dexon-sol-tools-eadad19cb586dd06bc41c63eebf05ca81c023fc7.zip | |
Mobile tweaks jobs table
Diffstat (limited to 'packages/website/ts/@next')
| -rw-r--r-- | packages/website/ts/@next/pages/about/jobs.tsx | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/packages/website/ts/@next/pages/about/jobs.tsx b/packages/website/ts/@next/pages/about/jobs.tsx index c0279b63e..5bcb0b855 100644 --- a/packages/website/ts/@next/pages/about/jobs.tsx +++ b/packages/website/ts/@next/pages/about/jobs.tsx @@ -99,17 +99,17 @@ export const NextAboutJobs = () => ( const Position = ({ position }) => ( <PositionWrap> - <Column width="30%"> + <StyledColumn width="30%"> <Heading asElement="h3" size="small" fontWeight="400" marginBottom="0"><a href={position.href}>{position.title}</a></Heading> - </Column> + </StyledColumn> <StyledColumn width="50%" padding="0 40px 0 0"> <Paragraph isMuted={true} marginBottom="0">{position.location}</Paragraph> </StyledColumn> - <Column width="20%"> + <StyledColumn width="20%"> <Paragraph marginBottom="0" textAlign="right"><Link href={position.href}>Apply</Link></Paragraph> - </Column> + </StyledColumn> </PositionWrap> ); @@ -137,6 +137,12 @@ const ImageWrap = styled.figure` const StyledColumn = styled(Column)` flex-shrink: 0; + + @media (max-width: 768px) { + & + & { + margin-top: 15px; + } + } `; const PositionWrap = styled(FlexWrap)` |