Replace bootstrap .caret with unicode

dev/Styles/User/Layout.less

@@ -142,6 +142,13 @@ html.rl-side-preview-pane {
 	}
 }
 
+#top-system-dropdown-id::after,
+#move-dropdown-id.dropdown-toggle::after,
+#button-add-prop-dropdown-id::after {
+	content: '▼';
+	font-size: 80%;
+}
+
 .dropdown-menu * + .dividerbar {
 	margin-top: 9px;
 	padding-top: 9px;
@@ -166,9 +173,6 @@ html.rl-side-preview-pane {
 
 .btn-group.open .btn.btn-transparent.dropdown-toggle {
 	color: #BD362F;
-	.caret {
-		border-top-color: #BD362F;
-	}
 }
 
 .btn-group > .btn.single {

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

@@ -13,7 +13,6 @@
 		<a id="move-dropdown-id" href="#" tabindex="-1" class="btn dropdown-toggle buttonMove" data-bind="command: moveCommand" data-i18n="[title]GLOBAL/MOVE_TO">
 			<i class="icon-copy visible-on-ctrl-btn"></i>
 			<i class="fontastic hidden-on-ctrl-btn">📁</i>
-			<span class="caret"></span>
 		</a>
 		<menu class="dropdown-menu" role="menu" aria-labelledby="move-dropdown-id" role="menu" data-bind="foreach: folderMenuForMove">
 			<li role="presentation" data-bind="css: { 'disabled': disabled }, click: function (mdata, oEvent) { if (!disabled) $root.moveSelectedMessagesToFolder(id, oEvent && !!oEvent.ctrlKey); }">

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

@@ -81,10 +81,7 @@
 			</button>
 		</div>
 		<div class="btn-group dropdown" data-bind="visible: !emptySelection(), registerBootstrapDropdown: true">
-			<a id="button-add-prop-dropdown-id" href="#" tabindex="-1" class="btn dropdown-toggle">
-				<span data-i18n="CONTACTS/ADD_MENU_LABEL"></span>
-				<span class="caret"></span>
-			</a>
+			<a id="button-add-prop-dropdown-id" href="#" tabindex="-1" class="btn dropdown-toggle" data-i18n="CONTACTS/ADD_MENU_LABEL"></a>
 			<menu class="dropdown-menu right-edge" style="text-align: left" tabindex="-1" role="menu" aria-labelledby="button-add-prop-dropdown-id">
 				<li role="presentation">
 					<a href="#" tabindex="-1" data-bind="click: addNewEmail">

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

@@ -13,7 +13,6 @@
 			<b data-bind="visible: 99 < accountsUnreadCount()">99+</b>
 			&nbsp;
 -->
-			<span class="caret"></span>
 		</a>
 		<menu class="dropdown-menu right-edge" tabindex="-1" role="menu" aria-labelledby="top-system-dropdown-id">
 

vendors/bootstrap/less/button-groups.less

@@ -54,9 +54,3 @@
 .btn-group > .btn.active {
   z-index: 2;
 }
-
-// Reposition the caret
-.btn .caret {
-  margin-top: 8px;
-  margin-left: 0;
-}

vendors/bootstrap/less/dropdowns.less

@@ -3,28 +3,6 @@
 // --------------------------------------------------
 
 
-// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
-.dropdown {
-  position: relative;
-}
-
-// Dropdown arrow/caret
-// --------------------
-.caret {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  vertical-align: top;
-  border: 4px solid transparent;
-  border-top-color: @black;
-}
-
-// Place the caret
-.dropdown .caret {
-  margin-top: 8px;
-  margin-left: 2px;
-}
-
 // The dropdown menu (ul)
 // ----------------------
 .dropdown-menu {