Responsively changing layout to single-column + nav on smaller screens

app/assets/javascripts/components/features/compose/index.jsx

@@ -0,0 +1,28 @@
+import Drawer               from '../ui/components/drawer';
+import ComposeFormContainer from '../ui/containers/compose_form_container';
+import FollowFormContainer  from '../ui/containers/follow_form_container';
+import UploadFormContainer  from '../ui/containers/upload_form_container';
+import NavigationContainer  from '../ui/containers/navigation_container';
+import PureRenderMixin      from 'react-addons-pure-render-mixin';
+
+const Compose = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render () {
+    return (
+      <Drawer>
+        <div style={{ flex: '1 1 auto' }}>
+          <NavigationContainer />
+          <ComposeFormContainer />
+          <UploadFormContainer />
+        </div>
+
+        <FollowFormContainer />
+      </Drawer>
+    );
+  }
+
+});
+
+export default Compose;