From 90b1a109b0cc31cfb6ead49f4c8a05aa9af1ea9f Mon Sep 17 00:00:00 2001
From: Bernd Verst <bernd@nylas.com>
Date: Wed, 3 Feb 2016 14:25:48 -0800
Subject: [PATCH] Use vertical layout for MessageListHeaders,
 MessageListNotificationBar, Draft:Footer

Test Plan: No new tests. Visual verification.

Reviewers: bengotow

Reviewed By: bengotow

Differential Revision: https://phab.nylas.com/D2514
---
 internal_packages/composer/lib/composer-view.cjsx    | 3 ++-
 internal_packages/message-list/lib/message-list.cjsx | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/internal_packages/composer/lib/composer-view.cjsx b/internal_packages/composer/lib/composer-view.cjsx
index 0b7ce4410..8180571ce 100644
--- a/internal_packages/composer/lib/composer-view.cjsx
+++ b/internal_packages/composer/lib/composer-view.cjsx
@@ -374,7 +374,8 @@ class ComposerView extends React.Component
     <div className="composer-footer-region">
       <InjectedComponentSet
         matching={role: "Composer:Footer"}
-        exposedProps={draftClientId:@props.draftClientId, threadId: @props.threadId}/>
+        exposedProps={draftClientId:@props.draftClientId, threadId: @props.threadId}
+        direction="column"/>
     </div>
 
   _renderAttachments: ->
diff --git a/internal_packages/message-list/lib/message-list.cjsx b/internal_packages/message-list/lib/message-list.cjsx
index d6f102a71..15f272a43 100755
--- a/internal_packages/message-list/lib/message-list.cjsx
+++ b/internal_packages/message-list/lib/message-list.cjsx
@@ -201,11 +201,13 @@ class MessageList extends React.Component
             <InjectedComponentSet
               className="message-list-notification-bars"
               matching={role:"MessageListNotificationBar"}
-              exposedProps={thread: @state.currentThread}/>
+              exposedProps={thread: @state.currentThread}
+              direction="column"/>
             <InjectedComponentSet
               className="message-list-headers"
               matching={role:"MessageListHeaders"}
-              exposedProps={thread: @state.currentThread}/>
+              exposedProps={thread: @state.currentThread}
+              direction="column"/>
           </div>
           {@_messageElements()}
         </ScrollRegion>