Trying to position at the bottom. We need a better flexbox impl

src/app/root-view.coffee

@@ -13,6 +13,7 @@ CommandPanel = require 'command-panel'
 Pane = require 'pane'
 PaneColumn = require 'pane-column'
 PaneRow = require 'pane-row'
+StatusBar = require 'status-bar'
 
 module.exports =
 class RootView extends View
@@ -46,6 +47,8 @@ class RootView extends View
 
     @deserializePanes(panesViewState) if panesViewState
 
+    StatusBar.initialize(this)
+
   serialize: ->
     projectPath: @project?.path
     panesViewState: @serializePanes()

src/app/status-bar.coffee

@@ -3,8 +3,10 @@
 module.exports =
 class StatusBar extends View
   @initialize: (rootView) ->
+    requireStylesheet 'status-bar.css'
+
     for editor in rootView.editors()
-      @appendToEditorPane(rootView, editor)
+      @appendToEditorPane(rootView, editor) if rootView.parents('html').length
 
     rootView.on 'editor-open', (e, editor) =>
       @appendToEditorPane(rootView, editor)
@@ -27,3 +29,8 @@ class StatusBar extends View
 
     position = @editor.getCursorBufferPosition()
     @cursorPosition.text("#{position.row},#{position.column}")
+
+    @height(@editor.lineHeight)
+    console.log "HELLO"
+    console.log height: "-webkit-calc(100% - #{@editor.lineHeight}px)"
+    @editor.css(height: "-webkit-calc(100% - #{@editor.lineHeight}px)")