From b8d2cc1221f7135f55757198585d36de6a69c145 Mon Sep 17 00:00:00 2001
From: Fabio Berger <me@fabioberger.com>
Date: Fri, 26 Oct 2018 13:52:29 +0200
Subject: style: remove small gap under topbar

---
 .../ts/components/documentation/docs_top_bar.tsx   | 48 +++++++++++-----------
 .../ts/pages/documentation/developers_page.tsx     |  1 +
 2 files changed, 26 insertions(+), 23 deletions(-)

(limited to 'packages/website')

diff --git a/packages/website/ts/components/documentation/docs_top_bar.tsx b/packages/website/ts/components/documentation/docs_top_bar.tsx
index 2054d0860..cf26e8a2a 100644
--- a/packages/website/ts/components/documentation/docs_top_bar.tsx
+++ b/packages/website/ts/components/documentation/docs_top_bar.tsx
@@ -37,33 +37,35 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
     public render(): React.ReactNode {
         return (
             <Container height={80}>
-                <Container
-                    className="flex items-center lg-pt3 md-pt3 sm-pt1 lg-mt1 md-mt1 sm-mt0 lg-justify-end md-justify-end sm-justify-start"
-                    width="100%"
-                >
-                    <Container className="sm-hide xs-hide">
-                        <Container className="flex items-center justify-between right" width="300px">
-                            {this._renderMenuItems(constants.DEVELOPER_TOPBAR_LINKS)}
+                <Container className="lg-pt1 md-pt1 sm-pt0">
+                    <Container
+                        className="flex items-center lg-pt3 md-pt3 sm-pt1 lg-justify-end md-justify-end sm-justify-start"
+                        width="100%"
+                    >
+                        <Container className="sm-hide xs-hide">
+                            <Container className="flex items-center justify-between right" width="300px">
+                                {this._renderMenuItems(constants.DEVELOPER_TOPBAR_LINKS)}
+                            </Container>
                         </Container>
-                    </Container>
-                    <Container className="lg-hide md-hide">
-                        <Container paddingTop="6px">
-                            <DocsLogo height={30} />
+                        <Container className="lg-hide md-hide">
+                            <Container paddingTop="6px">
+                                <DocsLogo height={30} />
+                            </Container>
+                        </Container>
+                        <Container className="md-hide lg-hide absolute" right="18px" top="12px">
+                            <i
+                                className="zmdi zmdi-menu"
+                                style={{
+                                    color: colors.grey700,
+                                    fontSize: 30,
+                                    cursor: 'pointer',
+                                }}
+                                onClick={this._onMenuButtonClick.bind(this)}
+                            />
                         </Container>
-                    </Container>
-                    <Container className="md-hide lg-hide absolute" right="18px" top="12px">
-                        <i
-                            className="zmdi zmdi-menu"
-                            style={{
-                                color: colors.grey700,
-                                fontSize: 30,
-                                cursor: 'pointer',
-                            }}
-                            onClick={this._onMenuButtonClick.bind(this)}
-                        />
                     </Container>
                 </Container>
-                <Container width={'100%'} height={'1px'} backgroundColor={colors.grey300} marginTop={'13px'} />
+                <Container width={'100%'} height={'1px'} backgroundColor={colors.grey300} marginTop={'15px'} />
                 {this.props.screenWidth === ScreenWidths.Sm && this._renderDrawer()}
             </Container>
         );
diff --git a/packages/website/ts/pages/documentation/developers_page.tsx b/packages/website/ts/pages/documentation/developers_page.tsx
index 361dbc86e..d6986b399 100644
--- a/packages/website/ts/pages/documentation/developers_page.tsx
+++ b/packages/website/ts/pages/documentation/developers_page.tsx
@@ -157,6 +157,7 @@ export class DevelopersPage extends React.Component<DevelopersPageProps, Develop
                     >
                         <Container
                             borderBottom={this.state.isSidebarScrolling ? `1px solid ${colors.grey300}` : 'none'}
+                            paddingBottom="2px"
                         >
                             <Container paddingTop="30px" paddingLeft="10px" paddingBottom="8px">
                                 <DocsLogo height={36} />
-- 
cgit v1.2.3