From 6ad98420a033a5737e962adf6863b0ed1a682b5b Mon Sep 17 00:00:00 2001
From: Fabio Berger <me@fabioberger.com>
Date: Tue, 16 Oct 2018 16:12:26 +0100
Subject: style: improve menu & logo alignment

---
 packages/website/ts/components/documentation/docs_top_bar.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'packages/website/ts/components')

diff --git a/packages/website/ts/components/documentation/docs_top_bar.tsx b/packages/website/ts/components/documentation/docs_top_bar.tsx
index a4bc3967b..c0bd4fb19 100644
--- a/packages/website/ts/components/documentation/docs_top_bar.tsx
+++ b/packages/website/ts/components/documentation/docs_top_bar.tsx
@@ -57,7 +57,10 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
         ];
         return (
             <Container height={80}>
-                <Container className="flex items-center lg-pt3 md-pt3 sm-pt1 justify-end" width="100%">
+                <Container
+                    className="flex items-center lg-pt3 md-pt3 sm-pt1 lg-mt1 md-mt1 sm-mt0 justify-end"
+                    width="100%"
+                >
                     <Container className="sm-hide xs-hide">
                         <Container className="flex items-center justify-between right" width="300px">
                             {this._renderMenuItems(menuItemLinks)}
@@ -80,7 +83,7 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
                         />
                     </Container>
                 </Container>
-                <Container width={'100%'} height={'1px'} backgroundColor={colors.grey300} marginTop={'11px'} />
+                <Container width={'100%'} height={'1px'} backgroundColor={colors.grey300} marginTop={'13px'} />
                 {this.props.screenWidth === ScreenWidths.Sm && this._renderDrawer()}
             </Container>
         );
-- 
cgit v1.2.3