From 4e8d653f1f5ff52585aa0b1ac27fd4e16d3d00bc Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 14 Dec 2018 18:15:07 +0100
Subject: Add links to ecosystem

---
 packages/website/ts/@next/pages/ecosystem.tsx | 36 +++++++++++++++++++++------
 1 file changed, 29 insertions(+), 7 deletions(-)

diff --git a/packages/website/ts/@next/pages/ecosystem.tsx b/packages/website/ts/@next/pages/ecosystem.tsx
index e6330ba67..caa0401d4 100644
--- a/packages/website/ts/@next/pages/ecosystem.tsx
+++ b/packages/website/ts/@next/pages/ecosystem.tsx
@@ -1,5 +1,6 @@
 import * as _ from 'lodash';
 import * as React from 'react';
+import styled from 'styled-components';
 
 import { colors } from 'ts/style/colors';
 
@@ -52,18 +53,30 @@ const benefits: BenefitProps[] = [
 
 export const NextEcosystem = () => (
   <SiteWrap theme="light">
-    <Section>
+    <Section isTextCentered={true}>
         <Column>
             <Heading size="medium" isCentered={true}>
                 Jumpstart your Business on 0x
             </Heading>
-            <Paragraph size="medium" isCentered={true} isMuted={true}>
+            <Paragraph size="medium" isCentered={true} isMuted={true} marginBottom="0">
                 The Ecosystem Acceleration Program gives teams access to a variety of services including funding, personalized technical support, and recruiting assistance. We created the Ecosystem Acceleration Program to bolster the expansion of both infrastructure projects and relayers building on 0x.
             </Paragraph>
-            <div>
-                <a href="#">Apply Now</a>
-                <a href="#">Learn More</a>
-            </div>
+            <LinkWrap>
+                <Button
+                    to="#"
+                    isWithArrow={true}
+                    isAccentColor={true}
+                >
+                    Apply now
+                </Button>
+                <Button
+                    to="#"
+                    isWithArrow={true}
+                    isAccentColor={true}
+                >
+                    Learn More
+                </Button>
+            </LinkWrap>
         </Column>
     </Section>
 
@@ -89,4 +102,13 @@ export const NextEcosystem = () => (
     </Section>
 
   </SiteWrap>
-);
\ No newline at end of file
+);
+
+const LinkWrap = styled.div`
+    display: inline-flex;
+    margin-top: 60px;
+
+    a + a {
+        margin-left: 60px;
+    }
+`;
-- 
cgit v1.2.3