From 1d5473eece9f4a905e6cbf24489bbe20f908d31d Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Wed, 12 Dec 2018 16:02:05 +0100
Subject: Fixes fullwidth sections

---
 packages/website/ts/@next/pages/instant.tsx | 2 +-
 packages/website/ts/@next/pages/why.tsx     | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

(limited to 'packages/website/ts/@next/pages')

diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx
index e1725b185..878818940 100644
--- a/packages/website/ts/@next/pages/instant.tsx
+++ b/packages/website/ts/@next/pages/instant.tsx
@@ -68,7 +68,7 @@ export const Next0xInstant = () => (
             actions={<Button href="#">Get Started</Button>}
         />
 
-        <Section>
+        <Section isFullWidth={true}>
           <MarqueeWrap>
               <div>
                   <img src="/images/@next/0x-instant/0x-instant-widgets@2x.png" alt="Preview of payment widgets"/>
diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx
index 14ca3ab6f..11b8928d9 100644
--- a/packages/website/ts/@next/pages/why.tsx
+++ b/packages/website/ts/@next/pages/why.tsx
@@ -125,7 +125,7 @@ export class NextWhy extends React.PureComponent {
                     />
                 </Section>
 
-              <Section maxWidth="1170px" isFlex={true}>
+              <Section maxWidth="1170px" isFlex={true} isFullWidth={true}>
                   <Column>
                       <NavStickyWrap offsetTop="130px">
                           <ChapterLink offset="60" href="#benefits">Benefits</ChapterLink>
@@ -135,7 +135,7 @@ export class NextWhy extends React.PureComponent {
                   </Column>
 
                     <Column width="55%" maxWidth="826px">
-                        <Column width="100%" maxWidth="560px">
+                        <Column width="100%" maxWidth="560px" padding="0 30px 0 0">
                             <SectionWrap id="benefits">
                                 <Heading size="medium">What 0x offers</Heading>
 
@@ -225,6 +225,9 @@ const SectionWrap = styled.div`
 `;
 
 const NavStickyWrap = styled(WrapSticky)`
+    padding-left: 60px;
+    z-index: 9999;
+
     @media (max-width: 768px) {
         display: none;
     }
-- 
cgit