Reduce some HTML elements

dev/Styles/User/MessageList.less

@@ -211,9 +211,11 @@ html:not(rl-mobile) {
 		border-left-color: #ccc;
 	}
 
-	.importantMark {
-		color:red;
-		margin-right:5px
+	.priorityHigh::before {
+		content: '!'; /*❗*/
+		color: red;
+		font-weight: bolder;
+		margin-right: 5px;
 	}
 
 	&.deleted {
@@ -269,7 +271,7 @@ html:not(rl-mobile) {
 		opacity: 0.5;
 	}
 
-	.threads-len span {
+	.threads-len {
 		border-radius: 6px;
 		border: 1px solid #ccc;
 		font-size: 11px;
@@ -280,6 +282,9 @@ html:not(rl-mobile) {
 			border-color: #666;
 		}
 	}
+	.threads-len::after {
+		content: ' ›';
+	}
 
 	.replyFlag, .forwardFlag {
 		margin-right: 0.25em;
@@ -322,10 +327,6 @@ html:not(rl-mobile) {
 		border-bottom-color: rgba(57, 140, 242, 0.2);
 		border-left-color: #398CF2;
 		z-index: 101;
-
-		+ .messageListItem {
-			border-bottom-color: rgba(57, 140, 242, 0.3);
-		}
 	}
 
 	.flagParent {

snappymail/v/0.0.0/app/templates/Views/User/MailMessageList.html

@@ -139,19 +139,11 @@
 						<i data-bind="css: attachmentIconClass"></i>
 					</div>
 
-					<div class="subjectParent actionHandle">
-						<!-- ko if: isImportant --><b class="importantMark">!</b><!-- /ko -->
-						<!-- ko text: subject || $root.emptySubjectValue --><!-- /ko -->
-					</div>
+					<div class="subjectParent actionHandle" data-bind="css: {'priorityHigh': isImportant}, text: subject || $root.emptySubjectValue"></div>
 
 					<div class="sizeParent actionHandle" data-bind="text: friendlySize()"></div>
 
-					<div class="threads-len" data-bind="visible: 1 < threadsLen()">
-						<span>
-							<!-- ko text: threadsLen --><!-- /ko -->
-							›
-						</span>
-					</div>
+					<div class="threads-len" data-bind="visible: 1 < threadsLen(), text: threadsLen"></div>
 
 					<time class="actionHandle" data-moment-format="SHORT" data-moment-format-title="FULL" data-bind="moment: dateTimeStampInUTC"></time>
 				</div>