diff --git a/internal_packages/thread-list/lib/thread-list-columns.cjsx b/internal_packages/thread-list/lib/thread-list-columns.cjsx index 7359d64f6..8289ddbfe 100644 --- a/internal_packages/thread-list/lib/thread-list-columns.cjsx +++ b/internal_packages/thread-list/lib/thread-list-columns.cjsx @@ -6,6 +6,7 @@ classNames = require 'classnames' RetinaImg, MailLabelSet, MailImportantIcon, + InjectedComponent, InjectedComponentSet} = require 'nylas-component-kit' {Thread, FocusedPerspectiveStore, Utils} = require 'nylas-exports' @@ -113,23 +114,37 @@ cNarrow = new ListTabular.Column if hasDraft pencil = -
-
+
+
- - {pencil} - - {attachment} - {TimestampComponentForPerspective(thread)} + +
- -
{subject(thread.subject)}
-
-
{thread.snippet} 
-
- +
+
+ + {pencil} + + {attachment} + {TimestampComponentForPerspective(thread)} +
+
{subject(thread.subject)}
+
+
{thread.snippet} 
+
+ +
diff --git a/internal_packages/thread-list/stylesheets/thread-list.less b/internal_packages/thread-list/stylesheets/thread-list.less index 43dd8fc63..cca6ecd17 100644 --- a/internal_packages/thread-list/stylesheets/thread-list.less +++ b/internal_packages/thread-list/stylesheets/thread-list.less @@ -200,10 +200,10 @@ } .timestamp { - font-size: @font-size-small; + font-size: @font-size-small; font-weight: @font-weight-normal; min-width:70px; - margin-right:@scrollbar-margin; + margin-right: @scrollbar-margin; opacity: 0.62; } @@ -394,6 +394,27 @@ body.platform-win32 { } .thread-list-narrow { + .icons-column { + display: flex; + flex-direction: column; + align-items: center; + width: 25px; + margin-right: 5px; + + .thread-injected-icons { + align-items: center; + } + } + .thread-info-column { + flex: 1; + align-self: center; + + .participants-wrapper { + display: flex; + align-items: center; + min-height: 24px; + } + } .list-column { display:block; } @@ -407,9 +428,6 @@ body.platform-win32 { .participants { font-size: @font-size-base; } - .thread-icon { - margin-right:5px; - } .mail-important-icon { margin-left:1px; @@ -423,12 +441,10 @@ body.platform-win32 { overflow: hidden; text-overflow: ellipsis; text-align: left; - margin-left:30px; - margin-right:@scrollbar-margin; + margin-right: @scrollbar-margin; } .snippet-and-labels { - margin-left:30px; - margin-right:@scrollbar-margin; + margin-right: @scrollbar-margin; display: flex; align-items: baseline; overflow: hidden;