Simple mp3 player

dev/Styles/Attachmnets.less

@@ -126,8 +126,18 @@
 		}
 	}
 
-	.showPreview {
+	.attachmentIconParent.hasPreplay:hover {
+		.iconPreview {
+			display: inline-block;
+		}
+		.iconMain {
+			display: none;
+		}
+	}
+
+	.showPreview, .showPreplay {
 		display: none;
+		cursor: pointer;
 	}
 
 	.attachmentIconParent.hasPreview {
@@ -135,6 +145,15 @@
 			display: inline;
 		}
 
+		.hidePreview {
+			display: none;
+		}
+	}
+	.attachmentIconParent.hasPreplay {
+		.showPreplay {
+			display: inline;
+		}
+
 		.hidePreview {
 			display: none;
 		}

dev/Styles/Compose.less

@@ -57,8 +57,8 @@
 			color: #fff;
 			border-color: #eee;
 
-			font-size: 28px;
-			line-height: 28px;
+			font-size: 24px;
+			line-height: 24px;
 		}
 
 		.btn.disabled {
@@ -130,6 +130,11 @@
 			color: red;
 		}
 
+		.error-to {
+			color: red;
+			font-weight: bold;
+		}
+
 		.b-appachments {
 
 			.b-attacment {

dev/Styles/MessageView.less

@@ -360,7 +360,7 @@ html.rl-no-preview-pane {
 	}
 
 	&.message-focused .b-content {
-		z-index: 102;
+		z-index: 101;
 		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
 		border-radius: @rlLowBorderRadius;
 		border-color: darken(@rlMainDarkColor, 5%);

dev/Styles/SystemDropDown.less

@@ -34,6 +34,24 @@
 		vertical-align: middle;
 	}
 
+	.audioPlace {
+
+		font-size: 25px;
+		line-height: 30px;
+		margin-right: 15px;
+
+		.playIcon {
+
+			font-size: 30px;
+			line-height: 30px;
+
+			cursor: pointer;
+
+			color: orange;
+			text-shadow: 0 1px 0 #fff;
+		}
+	}
+
 	.accountPlace {
 		background-color: #000;
 		background-color: rgba(0, 0, 0, 0.5);

dev/Styles/_End.less

@@ -38,7 +38,7 @@
 		font-size: 13px;
 	}
 
-	&.style-rainloopTestTip .ot-content {
+	&.style-rainloopErrorTip .ot-content {
 		color: red;
 	}
 }