Cleanup some CSS and improve mail compose screen

dev/Styles/User/Attachmnets.less

@@ -11,9 +11,6 @@
 	line-height: 24px;
 	border: 0;
 	background-color: rgba(128, 128, 128, 0.1);
-
-	box-shadow: 0 1px 4px #ccc;
-	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
 	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 5px rgba(0, 0, 0, 0.1);
 
 	border-radius: 3px;
@@ -23,8 +20,6 @@
 	}
 
 	&.checked {
-		box-shadow: 0 1px 4px #00a;
-		box-shadow: 0 1px 5px rgba(0, 0, 255, 0.3);
 		box-shadow: 0 0 0 1px rgba(0, 0, 255, 0.1), 0 1px 5px rgba(0, 0, 255, 0.2);
 	}
 

dev/Styles/User/Compose.less

@@ -73,6 +73,20 @@
 		padding: 10px;
 		background-color: rgba(128,128,128,0.2);;
 
+		table {
+			border-collapse: collapse;
+			width: 100%;
+		}
+		td {
+			vertical-align: baseline;
+			padding: 2px 0;
+		}
+		td:first-child {
+			padding: 0 10px 0 0;
+			text-align: right;
+			width: 4em;
+		}
+
 		.e-identity {
 
 			color: var(--main-color);
@@ -85,25 +99,15 @@
 			}
 		}
 
-		.e-row {
+		> div {
 			line-height: 30px;
 		}
 
-		.e-label {
-			text-align: right;
-			padding: 6px 10px;
+		textarea, input[type="text"] {
+			width: 100%;
 		}
-
-		.e-value {
-
-			padding: 2px 0;
-
-			textarea, input[type="text"] {
-				width: 100%;
-			}
-			textarea {
-				height: 40px;
-			}
+		textarea {
+			height: 40px;
 		}
 
 		.error-desc {
@@ -164,9 +168,3 @@
 	margin-right: 15px;
 	cursor: pointer;
 }
-
-@media screen and (max-width: 700px) {
-	.b-compose .b-header .e-label {
-		padding-left: 0;
-	}
-}

dev/Styles/User/Layout.less

@@ -105,22 +105,6 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable {
 	}
 }
 
-.g-ui-table {
-
-	display: table;
-	width: 100%;
-
-	.e-row {
-		display: table-row;
-	}
-
-	.e-cell {
-		display: table-cell;
-		vertical-align: top;
-		text-align: left;
-	}
-}
-
 .b-message-list-wrapper.resizable {
 	resize: vertical;
 	overflow: hidden;
@@ -215,7 +199,7 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
 	border-top: 1px solid #e5e5e5;
 }
 
-.dropdown.colored-toggle.open .btn.dropdown-toggle {
+.dropdown.colored-toggle.show .btn.dropdown-toggle {
 	color: #BD362F;
 
 	.caret {

dev/Styles/User/MessageList.less

@@ -244,7 +244,6 @@ html.rl-no-preview-pane {
 	}
 
 	.checkboxMessage {
-		line-height: 12px;
 		padding: 0 8px 0 6px;
 		font-size: 16px;
 	}
@@ -264,7 +263,9 @@ html.rl-no-preview-pane {
 	}
 
 	.senderParent, .subjectParent {
+		margin: 0;
 		overflow: hidden;
+		text-overflow: ellipsis;
 		white-space: nowrap;
 	}
 
@@ -293,12 +294,6 @@ html.rl-no-preview-pane {
 		opacity: 0.5;
 	}
 
-	.senderParent, .subjectParent {
-		margin: 0;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
 	.threads-len span {
 		border-radius: 6px;
 		border: 1px solid #ccc;
@@ -411,6 +406,7 @@ html.rl-ctrl-key-pressed .messageListItem {
 	.messageListItem {
 
 		.checkboxMessage {
+			line-height: 12px;
 			margin: 10px 0 -5px;
 		}
 
@@ -450,21 +446,15 @@ html:not(.rl-mobile):not(.rl-side-preview-pane) {
 		line-height: 25px;
 		flex-wrap: nowrap;
 
-		.checkboxMessage {
+		> * {
 			line-height: 25px;
 		}
 
-		.flagParent {
-			margin-top: 6px;
-		}
-
 		.attachmentParent {
 			margin: 6px 8px 0 0;
 		}
 
 		.senderParent {
-			font-weight: normal;
-			text-overflow: none;
 			flex: 0 0 25%;
 		}
 

dev/Styles/_End.less

@@ -31,7 +31,6 @@
 	border-width: 5px;
 	content: "";
 	margin: -5px;
-	max-width: 80vw;
 	position: absolute;
 	top: 100%;
 	transform: rotate(-45deg);