From 04492c06c72cdffab1080e7b035f36b913dafc36 Mon Sep 17 00:00:00 2001
From: Ben Gotow <bengotow@gmail.com>
Date: Thu, 10 Mar 2016 15:30:59 -0800
Subject: [PATCH] fix(messages): Replace `calc` with margin to make plugin
 styling easier

---
 .../stylesheets/message-list.less             | 26 +++++++++----------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/internal_packages/message-list/stylesheets/message-list.less b/internal_packages/message-list/stylesheets/message-list.less
index 7afb7e6f7..fe5e69853 100644
--- a/internal_packages/message-list/stylesheets/message-list.less
+++ b/internal_packages/message-list/stylesheets/message-list.less
@@ -168,14 +168,13 @@ body.platform-win32 {
   }
 
   .message-subject-wrap {
-    width: calc(~"100% - 12px");
     max-width: @message-max-width;
-    margin: 11px auto 10px auto;
+    margin: 5px auto 10px auto;
     -webkit-user-select: text;
     line-height: @font-size-large * 1.8;
     display: flex;
     align-items: center;
-    padding: 0 @padding-large-horizontal;
+    padding: 0 @padding-base-horizontal;
   }
   .mail-important-icon {
     margin-right:@spacing-half;
@@ -222,10 +221,15 @@ body.platform-win32 {
     flex: 1;
     opacity:0;
     transition: opacity 0s;
-  }
-  .messages-wrap.ready {
-    opacity:1;
-    transition: opacity .1s linear;
+
+    &.ready {
+      opacity:1;
+      transition: opacity .1s linear;
+    }
+
+    .scroll-region-content-inner {
+      padding: 6px;
+    }
   }
 
   .minified-bundle + .message-item-wrap {
@@ -235,10 +239,7 @@ body.platform-win32 {
   .message-item-wrap {
     transition: height 0.1s;
     position: relative;
-
     max-width: @message-max-width;
-    width: calc(~"100% - 12px");
-
     margin: 0 auto;
 
     .message-item-white-wrap {
@@ -323,8 +324,6 @@ body.platform-win32 {
   }
 
   .minified-bundle {
-    margin-right: @message-spacing;
-    margin-left: @message-spacing;
     position: relative;
     .num-messages {
       position: absolute;
@@ -500,9 +499,8 @@ body.platform-win32 {
   .footer-reply-area-wrap {
     overflow: hidden;
 
-    width: calc(~"100% - 12px");
     max-width: @message-max-width;
-    margin: -3px auto @spacing-double auto;
+    margin: -3px auto 0 auto;
 
     position: relative;
     z-index: 2;