Fixed MarkdownEditor outgrow etc

src/components/Layout/Layout.js

@@ -6,17 +6,20 @@ import HeaderMenu from './components/HeaderMenu';
 import Flex from 'components/Flex';
 
 import styles from './Layout.scss';
+import classNames from 'classnames/bind';
+const cx = classNames.bind(styles);
 
 class Layout extends React.Component {
   static propTypes = {
     actions: React.PropTypes.node,
     title: React.PropTypes.node,
+    fixed: React.PropTypes.bool,
   }
 
   render() {
     return (
       <div className={ styles.container }>
-        <div className={ styles.header }>
+        <div className={ cx(styles.header, { fixed: this.props.fixed }) }>
           <div className={ styles.teamName }>
             <Link to="/">{ this.props.teamName }</Link>
           </div>

src/components/Layout/Layout.scss

@@ -8,6 +8,15 @@
   width: 100%;
 }
 
+.fixed {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 900;
+  background: #fff;
+}
+
 .header {
   display: flex;
   justify-content: space-between;

src/components/Layout/components/Title/Title.js

@@ -35,4 +35,4 @@ Title.propTypes = {
   placeholder: React.PropTypes.string,
 }
 
-export default Title;
+export default Title;

src/components/MarkdownEditor/components/ClickablePadding/ClickablePadding.js

@@ -0,0 +1,18 @@
+import React from 'react';
+
+const styles = {
+  paddingTop: "100px",
+  cursor: "text",
+};
+
+const ClickablePadding = (props) => {
+  return (
+    <div style={ styles } onClick={ props.onClick }>&nbsp;</div>
+  )
+};
+
+ClickablePadding.propTypes = {
+  onClick: React.PropTypes.func,
+};
+
+export default ClickablePadding;

src/components/MarkdownEditor/components/ClickablePadding/index.js

@@ -0,0 +1,2 @@
+import ClickablePadding from './ClickablePadding';
+export default ClickablePadding;