aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-14 23:04:16 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-15 01:05:49 +0800
commiteadad19cb586dd06bc41c63eebf05ca81c023fc7 (patch)
tree9ce879193ec69d1c16c48b8209c7ee4d582aa928 /packages/website/ts/@next
parentd410c44b0744524c13d731d9b43dedf1add55f53 (diff)
downloaddexon-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.tsx14
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)`