Added separate From and To columns apart from smart From/To column (#1486891)

Aleksander Machniak

2012-08-11 51fcb01f0a86d148b470571c7e32dd089c9b090b

 skins/default/mail.css

@@ -435,6 +435,7 @@
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  height: 15px;
}

#mailboxlist li.unread
@@ -632,7 +633,7 @@
#messagelist thead tr td.sortedASC,
#messagelist thead tr td.sortedDESC
{
  background-position: 0 -22px;
  background-position: 0 -26px;
}

#messagelist thead tr td.sortedASC a
@@ -686,7 +687,6 @@
  cursor: inherit;
}

#messagelist td span,
#messagelist td img
{
  vertical-align: middle;
@@ -705,6 +705,7 @@
#messagelist tr td.attachment span,
#messagelist tr td.priority span
{
  display: block;
  width: 15px;
}

@@ -720,6 +721,7 @@
#messagelist tr td.priority span.prio4,
#messagelist tr td.priority span.prio5,
#messagelist tr td.flag span.flagged,
#messagelist tr td.flag span.unflagged,
#messagelist tr td.flag span.unflagged:hover,
#messagelist tr td.status span.status,
#messagelist tr td.status span.msgicon,
@@ -733,6 +735,7 @@
#messagelist tr td.subject span.forwarded,
#messagelist tr td.subject span.unreadchildren
{
  display: inline-block;
  vertical-align: middle;
  height: 17px;
  width: 15px;
@@ -812,6 +815,7 @@
}

#messagelist tr td.status span.msgicon,
#messagelist tr td.flag span.unflagged,
#messagelist tr td.status span.unreadchildren
{
  background-position: 0 17px; /* no icon */
@@ -861,8 +865,7 @@
#messagelist tbody tr td.subject a
{
  cursor: default;
  display: inline-block;
  vertical-align: middle;
  vertical-align: middle; /* #1487091 */
}

/* thread parent message with unread children */
@@ -888,6 +891,7 @@
  padding: 0 2px;
}

#messagelist tr td.fromto,
#messagelist tr td.from,
#messagelist tr td.to,
#messagelist tr td.cc,
@@ -907,13 +911,6 @@
{
  background-color: #FFF;
}

/*
#messagelist tr.odd
{
  background-color: #F9F9F9;
}
*/

#messagelist tr.unread
{
@@ -1202,21 +1199,20 @@
  margin: 8px;
}

#remote-objects-message
#message-objects div
{
  display: none;
  margin: 8px;
  min-height: 20px;
  padding: 10px 10px 6px 46px;
}

#remote-objects-message a
#message-objects div a
{
  color: #666666;
  padding-left: 10px;
}

#remote-objects-message a:hover
#message-objects div a:hover
{
  color: #333333;
}