Merge pull request #18682 from owncloud/quota-select-style

Makes settings quota select like multiselect.

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 {

core/css/styles.css

@@ -12,7 +12,18 @@ table, td, th { vertical-align:middle; }
 a { border:0; color:#000; text-decoration:none;}
 a, a *, input, input *, select, .button span, label { cursor:pointer; }
 ul { list-style:none; }
+select {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	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 {
+	background-color: #fefefe;
+}
 
 body {
 	background-color: #ffffff;

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);