diff options
Diffstat (limited to 'packages/website/ts/pages')
-rw-r--r-- | packages/website/ts/pages/jobs/benefits.tsx | 6 | ||||
-rw-r--r-- | packages/website/ts/pages/jobs/open_positions.tsx | 2 |
2 files changed, 4 insertions, 4 deletions
diff --git a/packages/website/ts/pages/jobs/benefits.tsx b/packages/website/ts/pages/jobs/benefits.tsx index 863423285..10443bfae 100644 --- a/packages/website/ts/pages/jobs/benefits.tsx +++ b/packages/website/ts/pages/jobs/benefits.tsx @@ -70,7 +70,7 @@ export const Benefits = (props: BenefitsProps) => { }; const Header: React.StatelessComponent = ({ children }) => ( - <Container marginBottom="51px"> + <Container marginBottom="30px"> <Text fontFamily="Roboto Mono" fontSize="24px" fontColor={colors.black}> {children} </Text> @@ -97,7 +97,7 @@ interface BenefitItemProps { } const BenefitItem: React.StatelessComponent<BenefitItemProps> = ({ description }) => ( - <Container marginBottom="30px"> + <Container marginBottom="15px"> <div className="flex"> <Circle className="flex-none pr2 pt1" diameter={8} fillColor={colors.black} /> <div className="flex-auto"> @@ -145,7 +145,7 @@ const ValuesList = styled(PlainValuesList)` type ValueItemProps = Value; const ValueItem: React.StatelessComponent<ValueItemProps> = ({ iconSrc, text }) => { return ( - <Container marginBottom="45px"> + <Container marginBottom="25px"> <div className="flex items-center"> <Image className="flex-none pr2" width="20px" src={iconSrc} /> <div className="flex-auto"> diff --git a/packages/website/ts/pages/jobs/open_positions.tsx b/packages/website/ts/pages/jobs/open_positions.tsx index 5c7048286..b8442a9c4 100644 --- a/packages/website/ts/pages/jobs/open_positions.tsx +++ b/packages/website/ts/pages/jobs/open_positions.tsx @@ -44,7 +44,7 @@ export class OpenPositions extends React.Component<OpenPositionsProps, OpenPosit const isReadyToRender = _.isUndefined(this.state.error) && !_.isUndefined(this.state.jobInfos); const isSmallScreen = utils.isMobileWidth(this.props.screenWidth); return ( - <Container id={this.props.hash} className="mx-auto pb4 px3" maxWidth="1200px"> + <Container id={this.props.hash} className="mx-auto pb4 px3 max-width-4"> {!isSmallScreen && ( <hr style={{ border: 0, borderTop: 1, borderStyle: 'solid', borderColor: colors.beigeWhite }} /> )} |