From 5f2cd33da07a7acc65f2e05acb35755f74af75a4 Mon Sep 17 00:00:00 2001
From: Fabio Berger <me@fabioberger.com>
Date: Fri, 5 Oct 2018 13:54:37 +0100
Subject: Remove style prop from Link

---
 packages/website/ts/pages/documentation/home.tsx | 41 +++++++++++++-----------
 1 file changed, 22 insertions(+), 19 deletions(-)

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

diff --git a/packages/website/ts/pages/documentation/home.tsx b/packages/website/ts/pages/documentation/home.tsx
index 7e34136a8..abe0ae6af 100644
--- a/packages/website/ts/pages/documentation/home.tsx
+++ b/packages/website/ts/pages/documentation/home.tsx
@@ -446,12 +446,14 @@ export class Home extends React.Component<HomeProps, HomeState> {
                         <Container
                             borderBottom={this.state.isSidebarScrolling ? `1px solid ${colors.grey300}` : 'none'}
                         >
-                            <DocsLogo height={36} containerStyle={{ paddingTop: 30, paddingBottom: 10 }} />
+                            <Container paddingTop="30px" paddingLeft="10px" paddingBottom="8px">
+                                <DocsLogo height={36} />
+                            </Container>
                         </Container>
                         <div
                             style={{
                                 ...scrollableContainerStyles,
-                                paddingTop: 35,
+                                paddingTop: 27,
                                 overflow: this.state.isHoveringSidebar ? 'auto' : 'hidden',
                             }}
                             onMouseEnter={this._onSidebarHover.bind(this, true)}
@@ -557,7 +559,7 @@ export class Home extends React.Component<HomeProps, HomeState> {
                         <Container className="md-col lg-col md-col-4 lg-col-4">
                             <Link
                                 to={pkg.link.to}
-                                style={{ color: colors.lightLinkBlue }}
+                                fontColor={colors.lightLinkBlue}
                                 type={pkg.link.type}
                                 shouldOpenInNewTab={!!pkg.link.shouldOpenInNewTab}
                             >
@@ -578,23 +580,24 @@ export class Home extends React.Component<HomeProps, HomeState> {
                             </Text>
                         </Container>
                         <Container className="md-col lg-col md-col-2 lg-col-2 sm-pb2 relative">
-                            <Link
-                                to={pkg.link.to}
-                                className="absolute"
-                                style={{ right: 0, color: colors.lightLinkBlue }}
-                                type={pkg.link.type}
-                                shouldOpenInNewTab={!!pkg.link.shouldOpenInNewTab}
-                            >
-                                <Container className="flex">
-                                    <Container>{this.props.translate.get(Key.More, Deco.Cap)}</Container>
-                                    <Container paddingTop="1px" paddingLeft="6px">
-                                        <i
-                                            className="zmdi zmdi-chevron-right bold"
-                                            style={{ fontSize: 18, color: colors.lightLinkBlue }}
-                                        />
+                            <Container position="absolute" right="0px">
+                                <Link
+                                    to={pkg.link.to}
+                                    fontColor={colors.lightLinkBlue}
+                                    type={pkg.link.type}
+                                    shouldOpenInNewTab={!!pkg.link.shouldOpenInNewTab}
+                                >
+                                    <Container className="flex">
+                                        <Container>{this.props.translate.get(Key.More, Deco.Cap)}</Container>
+                                        <Container paddingTop="1px" paddingLeft="6px">
+                                            <i
+                                                className="zmdi zmdi-chevron-right bold"
+                                                style={{ fontSize: 18, color: colors.lightLinkBlue }}
+                                            />
+                                        </Container>
                                     </Container>
-                                </Container>
-                            </Link>
+                                </Link>
+                            </Container>
                         </Container>
                     </Container>
                 </Container>
-- 
cgit v1.2.3