aesthetics

Author: odeimaiz

services/static-webserver/client/source/class/osparc/ui/toolbar/ProgressBar.js

@@ -40,13 +40,11 @@ qx.Class.define("osparc.ui.window.Progress", {
             allowGrowY: false,
             allowGrowX: true,
             margin: 0,
+            decorator: "rounded",
           });
           control.getChildControl("progress").set({
             backgroundColor: "strong-main"
           });
-          control.getContentElement().setStyles({
-            "border-radius": "4px"
-          });
           this.addAt(control, 1);
           break;
       }

services/static-webserver/client/source/class/osparc/ui/window/Progress.js

@@ -45,6 +45,7 @@ qx.Class.define("osparc.workbench.NodeUI", {
 
     this.set({
       appearance: "node-ui-cap",
+      decorator: "rounded",
       layout: grid,
       showMinimize: false,
       showMaximize: false,
@@ -55,10 +56,6 @@ qx.Class.define("osparc.workbench.NodeUI", {
       contentPadding: this.self().CONTENT_PADDING
     });
 
-    this.getContentElement().setStyles({
-      "border-radius": "4px"
-    });
-
     const captionBar = this.getChildControl("captionbar");
     captionBar.set({
       cursor: "move",
@@ -282,7 +279,8 @@ qx.Class.define("osparc.workbench.NodeUI", {
         case "progress":
           control = new qx.ui.indicator.ProgressBar().set({
             height: 10,
-            margin: 4
+            margin: 4,
+            decorator: "rounded",
           });
           this.add(control, {
             row: 1,