set layout first

Author: odeimaiz

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

@@ -28,15 +28,15 @@ qx.Class.define("osparc.dashboard.GridButtonBase", {
   construct: function() {
     this.base(arguments);
 
+    this._setLayout(new qx.ui.layout.Canvas());
+
     this.set({
       width: this.self().ITEM_WIDTH,
       height: this.self().ITEM_HEIGHT,
       padding: 0,
       allowGrowX: false
     });
 
-    this._setLayout(new qx.ui.layout.Canvas());
-
     this.getChildControl("main-layout");
   },
 
@@ -107,7 +107,6 @@ qx.Class.define("osparc.dashboard.GridButtonBase", {
   },
 
   members: {
-
     // overridden
     _createChildControlImpl: function(id) {
       let layout;

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

@@ -27,16 +27,17 @@ qx.Class.define("osparc.dashboard.ListButtonBase", {
 
   construct: function() {
     this.base(arguments);
-    this.set({
-      minHeight: osparc.dashboard.ListButtonBase.ITEM_HEIGHT,
-      allowGrowX: true
-    });
 
     const layout = new qx.ui.layout.Grid();
     layout.setSpacing(10);
     layout.setColumnFlex(osparc.dashboard.ListButtonBase.POS.SPACER, 1);
     this._setLayout(layout);
 
+    this.set({
+      minHeight: osparc.dashboard.ListButtonBase.ITEM_HEIGHT,
+      allowGrowX: true
+    });
+
     this.getChildControl("spacer");
   },