Markdown redirect frontmatter

Reviewed By: danielbuechele

Differential Revision: D6987631

fbshipit-source-id: 8b3431fa885fb94d4a87119b5a5199db0b36b20c

website/src/components/DocsSidebar.css

@@ -10,7 +10,8 @@
  .DocsSidebar {
   height: 100%;
   width: 450px;
-  padding: 20px;
+  padding: 36px;
+  padding-top: 0px;
   border-right: 1px solid #dddfe2;
   overflow: auto;
 }

website/src/components/Toolbar.css

@@ -16,8 +16,7 @@
 }
 
 .Toolbar .selected {
-  color: #8FD0C6;
-  text-decoration: underline;
+  color: #6BCEBB;
 }
 
 .Toolbar .logo {
@@ -29,10 +28,11 @@
 .Toolbar a {
   margin: 0 15px;
   color: #606770;
+  font-weight: 700;
 }
 
 .Toolbar a:hover {
-  color: #8FD0C6;
+  color: #6BCEBB;
 }
 
 .Toolbar .ToolbarToggle {

website/src/components/Toolbar.js

@@ -12,7 +12,7 @@
 
 import React, {Component} from 'react';
 import Link from 'gatsby-link';
-import {Icon} from 'antd';
+import {Icon, Row, Col} from 'antd';
 import './Toolbar.css';
 
 type Props = {
@@ -32,7 +32,13 @@ export default class Toolbar extends Component<Props> {
         </Link>
         
         <Link to="/docs" activeClassName="selected">Documentation</Link>
-        <Link to="/playground" activeClassName="selected">Playground</Link>
+
+        <Row>
+          <Col xl={24} lg={0} md={0} sm={0} xs={0}>
+            <Link to="/playground" activeClassName="selected">Playground</Link>
+          </Col>
+        </Row>
+
         <a href="https://github.com/facebook/yoga">GitHub</a>
 
         {this.props.onShowCode && (