Small GUI fixes (#1014)

dev/Styles/FolderList.less

@@ -19,14 +19,9 @@
 		right: 0;
 		left: 0;
 		height: 30px;
-		padding: 10px 10px 0 @rlLowMargin;
+		padding: 10px 0 0 @rlLowMargin;
 		color: #fff;
 		z-index: 101;
-
-		html.rl-left-panel-enabled &{
-			overflow: hidden;
-			white-space: nowrap;
-		}
 	}
 
 	.b-footer {
@@ -137,7 +132,6 @@
 				}
 			}
 
-
 			&.system {
 				cursor: default;
 				color: grey;
@@ -237,7 +231,29 @@
 /**/
 }
 
+.btn {
+	.btn-text-wrp {
+		padding-left: 7px;
+		white-space: normal;
+	}
+
+	&.buttonCompose {
+		width: calc(~'100% - 85px');
+		max-width: fit-content;
+		white-space: nowrap;
+		overflow: hidden;
+		height: 20px;
+		display: inline-block;
+	}
+}
+
 html.rl-left-panel-disabled, html.rl-left-panel-short {
+	.buttonComposeText{
+		display: none;
+	}
+	.btn.buttonCompose {
+		width: auto;
+	}
 	.btn.buttonContacts {
 		margin-top: 10px !important;
 		margin-left: 0 !important;

dev/Styles/_BootstrapFix.less

@@ -91,6 +91,35 @@ select {
 	white-space: nowrap;
 }
 
+.btn.btn-transparent {
+	background: none !important;
+	border-color: transparent !important;
+	text-shadow: none !important;
+	box-shadow: none !important;
+	opacity: .6;
+
+	[class^="icon-"] {
+		width: 19px;
+		height: 19px;
+		line-height: 20px;
+		font-size: 19px;
+	}
+
+	&:hover {
+		opacity: 1;
+	}
+}
+
+.btn-group.open .btn.btn-transparent.dropdown-toggle {
+	color: #BD362F;
+	.caret {
+		border-top-color: #BD362F;
+	}
+	[class^="icon-"]:before {
+		color: #BD362F;
+	}
+}
+
 .btn.btn-narrow {
 	padding-left: 12px;
 	padding-right: 12px;

dev/View/User/MailBox/FolderList.js

@@ -63,18 +63,10 @@
 		this.isInboxStarred = ko.computed(function () {
 			return FolderStore.currentFolder() &&
 				FolderStore.currentFolder().isInbox() &&
-				'is:flagged' === MessageStore.messageListSearch()
+				-1 < Utils.trim(MessageStore.messageListSearch()).indexOf('is:flagged')
 			;
 		});
 
-		this.displayNewText = ko.observable(false);
-		this.displayNewMessageText = ko.observable(false);
-
-		Globals.leftPanelWidth.subscribe(function(v){
-			this.displayNewText(170 < v && 230 >= v);
-			this.displayNewMessageText(230 < v);
-		}, this);
-
 		kn.constructorEnd(this);
 	}