From 45dc4a08bec133d8850f45419d617afc952f88dc Mon Sep 17 00:00:00 2001
From: Halla Moore <halla@nylas.com>
Date: Fri, 4 Nov 2016 10:45:55 -0700
Subject: [PATCH] :lipstick:(messages): Remove max-width styles

Although some word-wrapping may look better at 800px, it looks much worse
when we can't properly display html emails that are meant for a wider area.
It also just seems a little weird to limit our users in this way.
---
 .../message-list/stylesheets/message-list.less         | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/internal_packages/message-list/stylesheets/message-list.less b/internal_packages/message-list/stylesheets/message-list.less
index 0cce774f5..7146e776d 100644
--- a/internal_packages/message-list/stylesheets/message-list.less
+++ b/internal_packages/message-list/stylesheets/message-list.less
@@ -1,7 +1,6 @@
 @import "ui-variables";
 @import "ui-mixins";
 
-@message-max-width: 800px;
 @message-spacing: 6px;
 
 .tag-picker {
@@ -168,7 +167,6 @@ body.platform-win32 {
   }
 
   .message-subject-wrap {
-    max-width: @message-max-width;
     margin: 5px auto 10px auto;
     -webkit-user-select: text;
     line-height: @font-size-large * 1.8;
@@ -207,7 +205,6 @@ body.platform-win32 {
   .message-list-headers {
     margin: 0 auto;
     width: 100%;
-    max-width: @message-max-width;
     display:block;
 
     .participants {
@@ -239,7 +236,6 @@ body.platform-win32 {
   .message-item-wrap {
     transition: height 0.1s;
     position: relative;
-    max-width: @message-max-width;
     margin: 0 auto;
 
     .message-item-white-wrap {
@@ -344,7 +340,6 @@ body.platform-win32 {
       }
     }
     .msg-lines {
-      max-width: @message-max-width;
       margin: 0 auto;
       width: 100%;
       margin-top: -13px;
@@ -464,7 +459,6 @@ body.platform-win32 {
 
   .message-item-area {
     width: 100%;
-    max-width: @message-max-width;
     margin: 0 auto;
     padding: 0 20px @spacing-standard 20px;
 
@@ -502,10 +496,7 @@ body.platform-win32 {
 
   .footer-reply-area-wrap {
     overflow: hidden;
-
-    max-width: @message-max-width;
     margin: -3px auto 0 auto;
-
     position: relative;
     z-index: 2;
 
@@ -524,7 +515,6 @@ body.platform-win32 {
 
     .footer-reply-area {
       width: 100%;
-      max-width: @message-max-width;
       margin: 0 auto;
       padding: 12px @spacing-standard * 1.5;
     }