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/pages/documentation/doc_page.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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

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 v1.2.3