From 1d55f1ac115b1a23fe206ec226f82fe2188e835d Mon Sep 17 00:00:00 2001
From: Ben Gotow <bengotow@gmail.com>
Date: Wed, 20 Jan 2016 13:04:06 -0800
Subject: [PATCH] Change the sidebar to use Flexbox for container

---
 .../account-sidebar/lib/components/account-sidebar.cjsx   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/internal_packages/account-sidebar/lib/components/account-sidebar.cjsx b/internal_packages/account-sidebar/lib/components/account-sidebar.cjsx
index b43d5aadd..1ac1752de 100644
--- a/internal_packages/account-sidebar/lib/components/account-sidebar.cjsx
+++ b/internal_packages/account-sidebar/lib/components/account-sidebar.cjsx
@@ -1,6 +1,6 @@
 _ = require 'underscore'
 React = require 'react'
-{OutlineView, ScrollRegion} = require 'nylas-component-kit'
+{OutlineView, ScrollRegion, Flexbox} = require 'nylas-component-kit'
 AccountSwitcher = require './account-switcher'
 SidebarStore = require '../sidebar-store'
 
@@ -39,15 +39,15 @@ class AccountSidebar extends React.Component
   render: =>
     {accounts, focusedAccounts, userSections, standardSection} = @state
 
-    <div style={height: '100%'}>
+    <Flexbox direction="column" style={order: 0, flexShrink: 1, flex: 1}>
       <AccountSwitcher accounts={accounts} focusedAccounts={focusedAccounts} />
-      <ScrollRegion className="account-sidebar" >
+      <ScrollRegion className="account-sidebar" style={order: 2}>
         <div className="account-sidebar-sections">
           <OutlineView {...standardSection} />
           {@_renderUserSections(userSections)}
         </div>
       </ScrollRegion>
-    </div>
+    </Flexbox>
 
 
 module.exports = AccountSidebar