fix rendering ticket selector controls

- small crisp plus and minus icon
- box-shadow instead of border for crisper border

app/assets/javascripts/app/views/generic/postmaster_match.jst.eco

@@ -16,10 +16,10 @@
     </div>
     <div class="filter-controls">
       <div class="filter-control filter-control-remove js-remove" title="<%- @T('Remote') %>">
-        <%- @Icon('minus') %>
+        <%- @Icon('minus-small') %>
       </div>
       <div class="filter-control filter-control-add js-add" title="<%- @T('Add') %>">
-        <%- @Icon('plus') %>
+        <%- @Icon('plus-small') %>
       </div>
     </div>
   </div>

app/assets/javascripts/app/views/generic/postmaster_set.jst.eco

@@ -10,10 +10,10 @@
     </div>
     <div class="filter-controls">
       <div class="filter-control filter-control-remove js-remove" title="<%- @T('Remote') %>">
-        <%- @Icon('minus') %>
+        <%- @Icon('minus-small') %>
       </div>
       <div class="filter-control filter-control-add js-add" title="<%- @T('Add') %>">
-        <%- @Icon('plus') %>
+        <%- @Icon('plus-small') %>
       </div>
     </div>
   </div>

app/assets/javascripts/app/views/generic/ticket_perform_action.jst.eco

@@ -10,10 +10,10 @@
     </div>
     <div class="filter-controls">
       <div class="filter-control filter-control-remove js-remove" title="<%- @T('Remote') %>">
-        <%- @Icon('minus') %>
+        <%- @Icon('minus-small') %>
       </div>
       <div class="filter-control filter-control-add js-add" title="<%- @T('Add') %>">
-        <%- @Icon('plus') %>
+        <%- @Icon('plus-small') %>
       </div>
     </div>
   </div>

app/assets/javascripts/app/views/generic/ticket_selector.jst.eco

@@ -16,10 +16,10 @@
     </div>
     <div class="filter-controls">
       <div class="filter-control filter-control-remove js-remove" title="<%- @T('Remote') %>">
-        <%- @Icon('minus') %>
+        <%- @Icon('minus-small') %>
       </div>
       <div class="filter-control filter-control-add js-add" title="<%- @T('Add') %>">
-        <%- @Icon('plus') %>
+        <%- @Icon('plus-small') %>
       </div>
     </div>
   </div>

app/assets/javascripts/app/views/layout_ref/scheduler_modal.jst.eco

@@ -47,10 +47,10 @@
     </div>
     <div class="filter-controls">
       <div class="filter-control filter-control-remove js-remove" title=<%- @T('Remote') %>>
-        <%- @Icon('minus') %>
+        <%- @Icon('minus-small') %>
       </div>
       <div class="filter-control filter-control-add js-add" title=<%- @T('Add') %>>
-        <%- @Icon('plus') %>
+        <%- @Icon('plus-small') %>
       </div>
     </div>
   </div>
@@ -107,10 +107,10 @@
     </div>
     <div class="filter-controls">
       <div class="filter-control filter-control-remove js-remove" title=<%- @T('Remote') %>>
-        <%- @Icon('minus') %>
+        <%- @Icon('minus-small') %>
       </div>
       <div class="filter-control filter-control-add js-add" title=<%- @T('Add') %>>
-        <%- @Icon('plus') %>
+        <%- @Icon('plus-small') %>
       </div>
     </div>
   </div>
@@ -165,10 +165,10 @@
     </div>
     <div class="filter-controls">
       <div class="filter-control filter-control-remove js-remove" title=<%- @T('Remote') %>>
-        <%- @Icon('minus') %>
+        <%- @Icon('minus-small') %>
       </div>
       <div class="filter-control filter-control-add js-add" title=<%- @T('Add') %>>
-        <%- @Icon('plus') %>
+        <%- @Icon('plus-small') %>
       </div>
     </div>
   </div>
@@ -228,10 +228,10 @@
     </div>
     <div class="filter-controls">
       <div class="filter-control filter-control-remove js-remove" title=<%- @T('Remote') %>>
-        <%- @Icon('minus') %>
+        <%- @Icon('minus-small') %>
       </div>
       <div class="filter-control filter-control-add js-add" title=<%- @T('Add') %>>
-        <%- @Icon('plus') %>
+        <%- @Icon('plus-small') %>
       </div>
     </div>
   </div>
@@ -302,10 +302,10 @@
     </div>
     <div class="filter-controls">
       <div class="filter-control filter-control-remove js-remove" title=<%- @T('Remote') %>>
-        <%- @Icon('minus') %>
+        <%- @Icon('minus-small') %>
       </div>
       <div class="filter-control filter-control-add js-add" title=<%- @T('Add') %>>
-        <%- @Icon('plus') %>
+        <%- @Icon('plus-small') %>
       </div>
     </div>
   </div>
@@ -418,10 +418,10 @@
     </div>
     <div class="filter-controls">
       <div class="filter-control filter-control-remove is-disabled js-remove" title=<%- @T('Remote') %>>
-        <%- @Icon('minus') %>
+        <%- @Icon('minus-small') %>
       </div>
       <div class="filter-control filter-control-add js-add" title=<%- @T('Add') %>>
-        <%- @Icon('plus') %>
+        <%- @Icon('plus-small') %>
       </div>
     </div>
   </div>

app/assets/javascripts/app/views/layout_ref/sla_modal.jst.eco

@@ -49,10 +49,10 @@
     </div>
     <div class="filter-controls">
       <div class="filter-control filter-control-remove js-remove is-disabled" title=<%- @T('Remote') %>>
-        <svg class="icon icon-minus"><use xlink:href="#icon-minus" /></svg>
+        <%- @Icon('minus-small') %>
       </div>
       <div class="filter-control filter-control-add js-add" title=<%- @T('Add') %>>
-        <svg class="icon icon-plus"><use xlink:href="#icon-plus" /></svg>
+        <%- @Icon('plus-small') %>
       </div>
     </div>
   </div>

app/assets/stylesheets/zammad.css.scss

@@ -5808,7 +5808,7 @@ output {
   justify-content: center;
   width: 30px;
   height: 30px;
-  border: 1px solid hsl(198,19%,86%);
+  box-shadow: 0 0 0 1px hsl(198,19%,86%) inset;
   border-radius: 100%;
   background: white;
   cursor: pointer;
@@ -5831,8 +5831,6 @@ output {
   }
   
   .icon {
-    width: 13px;
-    height: 13px;
     fill: hsl(0,0%,61%);
   }
 }