ARROOOOOOOOOOOOOOW

Author: odeimaiz

services/static-webserver/client/source/class/osparc/dashboard/SearchBarFilterExtended.js

@@ -106,6 +106,7 @@ qx.Class.define("osparc.dashboard.SearchBarFilterExtended", {
           control = new qx.ui.form.SelectBox().set({
             minWidth: 150,
           });
+          control.getChildControl("arrow").syncAppearance(); // force sync to show the arrow
           this.self().decorateListItem(control.getChildControl("atom"));
           const searchBarFilter = this.getChildControl("search-bar-filter");
           searchBarFilter._addAt(control, 3); //"search-icon", "active-filters", "text-field", "reset-button"

services/static-webserver/client/source/class/osparc/theme/Appearance.js

@@ -450,6 +450,21 @@ qx.Theme.define("osparc.theme.Appearance", {
       })
     },
 
+    "selectbox/arrow": {
+      style: () => ({
+        // keep the original source
+        source: osparc.theme.common.Image.URLS["arrow-down"],
+        // keep the original paddings
+        paddingRight: 0,
+        paddingLeft: 2,
+        paddingTop: -3,
+        // ensure the arrow has explicit size
+        width: 16,
+        height: 16,
+        scale: true,
+      })
+    },
+
     /*
     ---------------------------------------------------------------------------
       PROGRESSBAR