align buttons

Author: odeimaiz

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

@@ -104,7 +104,8 @@ qx.Class.define("osparc.dashboard.ResourceFilter", {
         value: false,
         appearance: "filter-toggle-button",
         label: this.tr("Trash"),
-        icon: "@FontAwesome5Solid/trash/18",
+        icon: "@FontAwesome5Solid/trash/16",
+        paddingLeft: 10, // align it with the context
       });
       trashButton.addListener("changeValue", e => {
         const trashEnabled = e.getData();
@@ -242,7 +243,7 @@ qx.Class.define("osparc.dashboard.ResourceFilter", {
       this.__tagButtons = [];
       layout.removeAll();
       osparc.store.Tags.getInstance().getTags().forEach((tag, idx) => {
-        const button = new qx.ui.form.ToggleButton(null, "@FontAwesome5Solid/tag/18");
+        const button = new qx.ui.form.ToggleButton(null, "@FontAwesome5Solid/tag/16");
         button.id = tag.getTagId();
         tag.bind("name", button, "label");
         tag.bind("color", button.getChildControl("icon"), "textColor");
@@ -266,7 +267,7 @@ qx.Class.define("osparc.dashboard.ResourceFilter", {
 
 
       if (this.__tagButtons.length > maxTags) {
-        const showAllButton = new qx.ui.form.Button(this.tr("All Tags..."), "@FontAwesome5Solid/tags/20");
+        const showAllButton = new qx.ui.form.Button(this.tr("All Tags..."), "@FontAwesome5Solid/tags/16");
         showAllButton.set({
           appearance: "filter-toggle-button"
         });
@@ -294,6 +295,10 @@ qx.Class.define("osparc.dashboard.ResourceFilter", {
         preferencesWindow.openTags();
       });
       layout.add(editTagsButton);
+
+      if (this.__resourceType === "study") {
+        layout.getChildren().forEach(item => item.setPaddingLeft(10)); // align them with the context
+      }
     },
     /* /TAGS */