From 304e714331353cea19be280a64181e05bad1bbd3 Mon Sep 17 00:00:00 2001
From: David Sun <dvsuner@protonmail.com>
Date: Thu, 14 Feb 2019 16:02:39 -0500
Subject: [PATCH] changes to spacing

---
 .../website/ts/components/centeredDefinition.tsx     |  4 +---
 packages/website/ts/index.tsx                        |  4 ++--
 packages/website/ts/pages/credits.tsx                | 12 +++++-------
 3 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/packages/website/ts/components/centeredDefinition.tsx b/packages/website/ts/components/centeredDefinition.tsx
index 3583d2db7d..6aab8400bf 100644
--- a/packages/website/ts/components/centeredDefinition.tsx
+++ b/packages/website/ts/components/centeredDefinition.tsx
@@ -39,15 +39,13 @@ export const CenteredDefinition = (props: CenteredDefinitionProps) => (
 );
 
 const Wrap = styled.div<CenteredDefinitionProps>`
+    padding: 30px 0;
     max-width: ${props => props.isInline && 'calc(50% - 30px)'};
     text-align: center;
 
     @media (max-width: 768px) {
         margin: 0 auto;
         max-width: 100%;
-        & + & {
-            margin-top: ${props => props.isInline && '60px'};
-        }
     }
 `;
 
diff --git a/packages/website/ts/index.tsx b/packages/website/ts/index.tsx
index 88f88b48a1..f30374da0d 100644
--- a/packages/website/ts/index.tsx
+++ b/packages/website/ts/index.tsx
@@ -20,7 +20,7 @@ import { NextAboutJobs } from 'ts/pages/about/jobs';
 import { NextAboutMission } from 'ts/pages/about/mission';
 import { NextAboutPress } from 'ts/pages/about/press';
 import { NextAboutTeam } from 'ts/pages/about/team';
-import { NextCredits } from 'ts/pages/credits';
+import { Credits } from 'ts/pages/credits';
 import { NextEcosystem } from 'ts/pages/ecosystem';
 import { Next0xInstant } from 'ts/pages/instant';
 import { NextLanding } from 'ts/pages/landing';
@@ -111,7 +111,7 @@ render(
                                     path={WebsitePaths.MarketMaker}
                                     component={NextMarketMaker as any}
                                 />
-                                <Route exact={true} path={WebsitePaths.Credits} component={NextCredits as any} />
+                                <Route exact={true} path={WebsitePaths.Credits} component={Credits as any} />
                                 <Route exact={true} path={WebsitePaths.Instant} component={Next0xInstant as any} />
                                 <Route exact={true} path={WebsitePaths.LaunchKit} component={NextLaunchKit as any} />
                                 <Route exact={true} path={WebsitePaths.Ecosystem} component={NextEcosystem as any} />
diff --git a/packages/website/ts/pages/credits.tsx b/packages/website/ts/pages/credits.tsx
index 869cd314e3..fa0aa3c57c 100644
--- a/packages/website/ts/pages/credits.tsx
+++ b/packages/website/ts/pages/credits.tsx
@@ -48,7 +48,7 @@ export class Credits extends React.Component<CreditsProps> {
                         Get your project off the ground with these great services
                     </Heading>
 
-                    <FlexWrap padding={'0 0 60px 0'}>
+                    <FlexWrap>
                         <CenteredDefinition
                             title="Amazon Web Services"
                             titleSize="small"
@@ -68,7 +68,7 @@ export class Credits extends React.Component<CreditsProps> {
                         />
                     </FlexWrap>
 
-                    <FlexWrap padding={'60px 0 0 0'}>
+                    <FlexWrap>
                         <CenteredDefinition
                             title="Digital Ocean"
                             titleSize="small"
@@ -113,10 +113,8 @@ export class Credits extends React.Component<CreditsProps> {
     };
 
     private readonly _renderHeroActions = () => (
-        <>
-            <Button onClick={this._onOpenContactModal} bgColor="dark" isInline={true}>
-                Apply Now
-            </Button>
-        </>
+        <Button onClick={this._onOpenContactModal} bgColor="dark" isInline={true}>
+            Apply Now
+        </Button>
     );
 }