From 6ada38248ec4d44605465f41cfe5e0801d26aa32 Mon Sep 17 00:00:00 2001
From: Fabio Berger <me@fabioberger.com>
Date: Mon, 15 Oct 2018 12:49:47 +0100
Subject: chore: improve rendering of sidebar top section on mobile

---
 packages/website/ts/components/documentation/docs_top_bar.tsx | 2 +-
 packages/website/ts/pages/documentation/doc_page.tsx          | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/website/ts/components/documentation/docs_top_bar.tsx b/packages/website/ts/components/documentation/docs_top_bar.tsx
index 41273eb30..95adc417d 100644
--- a/packages/website/ts/components/documentation/docs_top_bar.tsx
+++ b/packages/website/ts/components/documentation/docs_top_bar.tsx
@@ -143,7 +143,7 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
                 openSecondary={true}
                 onRequestChange={this._onMenuButtonClick.bind(this)}
             >
-                <Container className="clearfix pl1" onClick={this._onMenuButtonClick.bind(this)}>
+                <Container className="clearfix pl1 pt2" onClick={this._onMenuButtonClick.bind(this)}>
                     {this.props.sidebar}
                 </Container>
             </Drawer>
diff --git a/packages/website/ts/pages/documentation/doc_page.tsx b/packages/website/ts/pages/documentation/doc_page.tsx
index 19e76a51b..65d9b68a9 100644
--- a/packages/website/ts/pages/documentation/doc_page.tsx
+++ b/packages/website/ts/pages/documentation/doc_page.tsx
@@ -112,7 +112,11 @@ export class DocPage extends React.Component<DocPageProps, DocPageState> {
             <Container>
                 <Container className="flex justify-bottom">
                     <Container className="left pl1" width="150px">
-                        <Text fontColor={colors.lightLinkBlue} fontSize="22px" fontWeight="bold">
+                        <Text
+                            fontColor={colors.lightLinkBlue}
+                            fontSize={this.props.screenWidth === ScreenWidths.Sm ? '20px' : '22px'}
+                            fontWeight="bold"
+                        >
                             {this.props.docsInfo.displayName}
                         </Text>
                     </Container>
-- 
cgit