change styles to center injected thread icons on rows

This commit is contained in:
Drew Regitsky 2015-09-21 18:17:05 -07:00
parent cb165bc91b
commit 48bf2183ed
2 changed files with 9 additions and 5 deletions

View file

@ -70,15 +70,16 @@ class ThreadList extends React.Component
c1 = new ListTabular.Column
name: "★"
resolver: (thread) =>
<span>
[
<ThreadListIcon thread={thread} />
<MailImportantIcon thread={thread} />
<InjectedComponentSet
inline={true}
containersRequired={false}
matching={role: "ThreadListIcon"}
className="thread-injected-icons"
exposedProps={thread: thread}/>
</span>
]
c2 = new ListTabular.Column
name: "Participants"

View file

@ -163,14 +163,17 @@
.inverseContent;
}
.thread-injected-icons {
vertical-align: top;
line-height: 26px;
}
.thread-icon {
width:15px;
height:15px;
width:26px;
height:26px;
background-size: 15px;
display:inline-block;
background-repeat: no-repeat;
background-position:center;
padding:12px;
&.thread-icon-attachment {
background-image:url(../static/images/thread-list/icon-attachment-@2x.png);