From a55f81e7746411be3a721a3a15ee3da7bb9f41f7 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Thu, 3 Sep 2015 00:27:07 +0200
Subject: [PATCH] use proper triangle for multiselect dropdowns as well

---
 core/css/multiselect.css | 3 ++-
 core/css/styles.css      | 1 +
 core/js/multiselect.js   | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/core/css/multiselect.css b/core/css/multiselect.css
index 17fd81bf6c3..a9451964f59 100644
--- a/core/css/multiselect.css
+++ b/core/css/multiselect.css
@@ -93,7 +93,8 @@ div.multiselect>span:first-child {
 
 div.multiselect>span:last-child {
 	position: absolute;
-	right: 13px;
+	right: 8px;
+	top: 8px;
 }
 
 ul.multiselectoptions input.new {
diff --git a/core/css/styles.css b/core/css/styles.css
index f3fc478aee1..020c2702a10 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -18,6 +18,7 @@ select {
 	appearance: none;
 	background: url('../../core/img/actions/triangle-s.svg') no-repeat right 8px center rgba(240, 240, 240, 0.90);
 	outline: 0;
+	padding-right: 24px !important;
 }
 
 select:hover {
diff --git a/core/js/multiselect.js b/core/js/multiselect.js
index 96144d39ee0..41dc68ac051 100644
--- a/core/js/multiselect.js
+++ b/core/js/multiselect.js
@@ -53,7 +53,7 @@
 				settings.labels.push($(option).text().trim());
 			}
 		});
-		var button=$('<div class="multiselect button"><span>'+settings.title+'</span><span>▾</span></div>');
+		var button=$('<div class="multiselect button"><span>'+settings.title+'</span><span class="icon-triangle-s"></span></div>');
 		var span=$('<span/>');
 		span.append(button);
 		button.data('id',multiSelectId);