Add some icons for messages list, update font-awesome icons

skins/elastic/styles/icons.less

@@ -8,6 +8,11 @@ a.button.icon:before,
 .listing.iconized tr td:before,
 .listing.iconized li a:before,
 ul.treelist li div.treetoggle:before,
+.messagelist tr.thread td.threads div:before,
+.messagelist td.subject span.msgicon.status:before,
+.messagelist span.attachment span:before,
+.messagelist span.flagged:before,
+.messagelist tr:hover span.unflagged:before,
 a.rcmaddcontact:before,
 .attachmentslist li:before,
 #taskmenu a:before {
@@ -314,6 +319,30 @@ a.button.icon > span.inner {
 	display: none;
 }
 
+.messagelist tr.thread td.threads div:before {
+	content: @fa-var-caret-square-o-right;
+}
+.messagelist tr.thread.expanded td.threads div:before {
+	content: @fa-var-caret-square-o-down;
+}
+.messagelist td.subject span.msgicon.status:before {
+	content: @fa-var-circle-o;
+}
+.messagelist tr.unread td.subject span.msgicon.status:before {
+	content: @fa-var-circle;
+}
+.messagelist tr.deleted td.subject span.msgicon.status:before {
+	content: @fa-var-ban;
+}
+.messagelist span.attachment span:before {
+	content: @fa-var-paperclip;
+}
+.messagelist span.flagged:before {
+	content: @fa-var-flag;
+}
+.messagelist tr:hover span.unflagged:before {
+	content: @fa-var-flag-o;
+}
 
 ul.treelist li div.treetoggle:before {
 	content: @fa-var-plus-square-o;

skins/elastic/styles/styles.less

@@ -27,93 +27,3 @@
 	width: 100%;
 	margin-bottom: 1em;
 }
-
-
-/**** Styles for widescreen (3-column) view ****/
-/* copied from larry removing .widescreen prefix */
-
-
-.messagelist > thead,
-.messagelist .branch,
-table.fixedcopy {
-	display: none;
-}
-
-.messagelist td {
-	border-left: 0;
-	vertical-align: top;
-}
-
-.messagelist td.subject {
-	width: 99%;
-	white-space: wrap;
-	position: relative; /* for span.date positioning in Firefox */
-}
-
-.messagelist td.threads {
-	width: 20px;
-	vertical-align: bottom;
-}
-
-.messagelist td.threads div {
-	padding-bottom: 1px;
-}
-
-.messagelist td.flags {
-	width: 22px;
-}
-
-.messagelist td.subject span {
-	line-height: 2em;
-}
-
-.messagelist td.subject span.date {
-	right: 2px;
-	top: 3px;
-	position: absolute;
-	color: #666; /* TODO */
-}
-
-.messagelist td.subject span.fromto {
-	padding-left: 1.5em;
-	display: block;
-	margin-right: 10em;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	color: #666; /* TODO */
-}
-
-.messagelist tr.flagged td.subject span.date,
-.messagelist tr.flagged td.subject span.fromto {
-	color: #ff5c33; /* TODO */
-}
-
-.messagelist tr.deleted td.subject span.date,
-.messagelist tr.deleted td.subject span.fromto {
-	color: #ccc; /* TODO */
-}
-
-.messagelist td.subject span.subject {
-	clear: both;
-	display: block;
-	font-size: 1em;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.messagelist td.flags span {
-	width: 20px;
-	height: 20px;
-	display: block;
-	margin-left: 1px;
-}
-
-.messagelist td.flags span.flag {
-	cursor: pointer;
-}
-
-.messagelist tr td.subject span.msgicon,
-.messagelist tr td.subject span.unreadchildren {
-	width: 20px;
-	height: 20px;
-}

skins/elastic/styles/widgets.less

@@ -186,8 +186,8 @@ table.listing tr.selected td {
 }
 
 table.listing td.selection {
-	width: 1%;
 	padding: 0 1em;
+	width: 3em;
 	text-align: center;
 }
 
@@ -268,6 +268,88 @@ ul.listing li input[type=checkbox] {
 }
 
 
+table.listing {
+	table-layout: fixed;
+}
+
+.messagelist > thead,
+.messagelist .branch,
+table.fixedcopy {
+	display: none;
+}
+
+.messagelist td {
+	border-left: 0;
+	width: 2em;
+	vertical-align: top;
+}
+
+.messagelist td.subject {
+	width: 99%;
+	white-space: wrap;
+	position: relative; /* for span.date positioning in Firefox */
+}
+
+.messagelist td.threads {
+	vertical-align: bottom;
+}
+
+.messagelist td.subject span {
+	line-height: 2em;
+}
+
+.messagelist td.subject span.date {
+	right: 2px;
+	top: 3px;
+	position: absolute;
+	color: #666; /* TODO */
+}
+
+.messagelist td.subject span.fromto {
+	padding-left: 1.5em;
+	display: block;
+	margin-right: 10em;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	color: #666; /* TODO */
+}
+
+.messagelist tr.flagged td.subject span.date,
+.messagelist tr.flagged td.subject span.fromto {
+	color: #ff5c33; /* TODO */
+}
+
+.messagelist tr.deleted td.subject span.date,
+.messagelist tr.deleted td.subject span.fromto {
+	color: #ccc; /* TODO */
+}
+
+.messagelist td.subject span.subject {
+	clear: both;
+	display: block;
+	font-size: 1em;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.messagelist td.flags span {
+	width: 20px;
+	height: 20px;
+	display: block;
+	margin-left: 1px;
+}
+
+.messagelist td.flags span.flag {
+	cursor: pointer;
+}
+
+.messagelist tr td.subject span.msgicon,
+.messagelist tr td.subject span.unreadchildren {
+	width: 20px;
+	height: 20px;
+}
+
+
 /* fixes border set by accordion widget */
 .propform.ui.accordion td.title {
 	border: none;