From 11941b08b686d13f02c0d2c1bf6d58692dd701db Mon Sep 17 00:00:00 2001
From: Fabio Berger <me@fabioberger.com>
Date: Sat, 13 Oct 2018 17:09:04 +0100
Subject: Fix sidebar top so long titles display correctly

---
 packages/website/ts/pages/documentation/doc_page.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'packages/website')

diff --git a/packages/website/ts/pages/documentation/doc_page.tsx b/packages/website/ts/pages/documentation/doc_page.tsx
index ca2652c76..101040c2c 100644
--- a/packages/website/ts/pages/documentation/doc_page.tsx
+++ b/packages/website/ts/pages/documentation/doc_page.tsx
@@ -108,19 +108,19 @@ export class DocPage extends React.Component<DocPageProps, DocPageState> {
     private _renderSidebarHeader(): React.ReactNode {
         return (
             <Container>
-                <Container className="clearfix relative">
-                    <Container className="pl1 absolute" bottom="0">
+                <Container className="flex justify-bottom">
+                    <Container className="left pl1" width="150px">
                         <Text fontColor={colors.lightLinkBlue} fontSize="22px" fontWeight="bold">
-                            0x.js
+                            {this.props.docsInfo.displayName}
                         </Text>
                     </Container>
-                    <Container className="right">
+                    <div className="right" style={{ alignSelf: 'flex-end' }}>
                         <VersionDropDown
                             selectedVersion={this.props.docsVersion}
                             versions={this.props.availableDocVersions}
                             onVersionSelected={this._onVersionSelected.bind(this)}
                         />
-                    </Container>
+                    </div>
                 </Container>
                 <Container
                     width={'100%'}
-- 
cgit v1.2.3