From 3942647910a47c0656fe2b18e0305890d25b7627 Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Wed, 18 Jul 2018 13:06:25 -0700
Subject: Padding fixes

---
 packages/website/ts/pages/jobs/benefits.tsx | 4 ++--
 packages/website/ts/pages/jobs/mission.tsx  | 7 ++-----
 2 files changed, 4 insertions(+), 7 deletions(-)

(limited to 'packages/website/ts/pages/jobs')

diff --git a/packages/website/ts/pages/jobs/benefits.tsx b/packages/website/ts/pages/jobs/benefits.tsx
index 39d2e0f2c..c5c636c23 100644
--- a/packages/website/ts/pages/jobs/benefits.tsx
+++ b/packages/website/ts/pages/jobs/benefits.tsx
@@ -47,7 +47,7 @@ export interface BenefitsProps {
 export const Benefits = (props: BenefitsProps) => {
     const isSmallScreen = props.screenWidth === ScreenWidths.Sm;
     return (
-        <Container className="flex flex-column items-center py4" backgroundColor={colors.white}>
+        <Container className="flex flex-column items-center py4 sm-px3" backgroundColor={colors.white}>
             {!isSmallScreen ? (
                 <Container className="flex" maxWidth="800px">
                     <BenefitsList />
@@ -56,7 +56,7 @@ export const Benefits = (props: BenefitsProps) => {
                     </Container>
                 </Container>
             ) : (
-                <Container className="flex-column pl3">
+                <Container className="flex-column">
                     <BenefitsList />
                     <Container marginTop="50px">
                         <ValuesList />
diff --git a/packages/website/ts/pages/jobs/mission.tsx b/packages/website/ts/pages/jobs/mission.tsx
index 68e095436..79688c3f5 100644
--- a/packages/website/ts/pages/jobs/mission.tsx
+++ b/packages/website/ts/pages/jobs/mission.tsx
@@ -29,7 +29,7 @@ export const Mission = (props: MissionProps) => {
     );
     return (
         <div
-            className="flex flex-column items-center py4"
+            className="flex flex-column items-center py4 sm-px3"
             style={{ backgroundColor: colors.jobsPageBackground, color: colors.black }}
         >
             {!isSmallScreen ? (
@@ -38,10 +38,7 @@ export const Mission = (props: MissionProps) => {
                     <Container marginLeft="115px">{missionStatement}</Container>
                 </Container>
             ) : (
-                <Container className="flex flex-column items-center">
-                    {missionStatement}
-                    <Container marginTop="40px">{image}</Container>
-                </Container>
+                <Container className="flex flex-column items-center">{missionStatement}</Container>
             )}
         </div>
     );
-- 
cgit