aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/pages
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/pages')
-rw-r--r--packages/website/ts/pages/jobs/benefits.tsx6
-rw-r--r--packages/website/ts/pages/jobs/open_positions.tsx2
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 }} />
)}