aesthetics

Author: odeimaiz

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

@@ -23,7 +23,7 @@ qx.Class.define("osparc.dashboard.SearchBarFilterProjects", {
 
     this.base(arguments, "searchBarFilter-"+resourceType, "searchBarFilter");
 
-    this._setLayout(new qx.ui.layout.VBox(8));
+    this._setLayout(new qx.ui.layout.VBox(10));
 
     this.set({
       backgroundColor: "input_background",
@@ -125,6 +125,16 @@ qx.Class.define("osparc.dashboard.SearchBarFilterProjects", {
       this.getChildControl("search-bar-filter").set({
         showFilterMenu: false,
       });
+      const resetButton = this.getChildControl("search-bar-filter").getChildControl("reset-button");
+      resetButton.set({
+        paddingRight: 2, // 10-8
+        opacity: 0.7,
+        backgroundColor: "transparent",
+      });
+      osparc.utils.Utils.hideBorder(resetButton);
+      resetButton.addListener("tap", () =>{
+        this.exclude();
+      });
 
       radioGroup.add(myProjectsButton, templatesButton, publicProjectsButton);
       myProjectsButton.addListener("changeValue", this.__searchMyProjectsSelected, this);

services/static-webserver/client/source/class/osparc/utils/Utils.js

@@ -714,10 +714,6 @@ qx.Class.define("osparc.utils.Utils", {
       widget.getContentElement().setStyle("background-color", "transparent");
     },
 
-    removeBorder: function(widget) {
-      widget.getContentElement().setStyle("border", "0px solid");
-    },
-
     hideBorder: function(widget) {
       widget.getContentElement().setStyle("border", "1px solid transparent");
     },