more refactoring

Author: odeimaiz

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

@@ -43,8 +43,7 @@ qx.Class.define("osparc.dashboard.GridButtonBase", {
   statics: {
     ITEM_WIDTH: 190,
     ITEM_HEIGHT: 220,
-    PADDING: 8,
-    SPACING_IN: 5,
+    PADDING: 6,
     SPACING: 15,
     THUMBNAIL_SIZE: 50,
     POS: {
@@ -120,7 +119,6 @@ qx.Class.define("osparc.dashboard.GridButtonBase", {
       switch (id) {
         case "main-layout": {
           const grid = new qx.ui.layout.Grid();
-          grid.setSpacing(this.self().SPACING_IN);
           grid.setRowFlex(this.self().POS.BODY.row, 1);
           grid.setColumnFlex(0, 1);
 
@@ -166,15 +164,18 @@ qx.Class.define("osparc.dashboard.GridButtonBase", {
           break;
         }
         case "body":
-          control = new qx.ui.container.Composite(new qx.ui.layout.VBox(6));
+          control = new qx.ui.container.Composite(new qx.ui.layout.VBox(6)).set({
+            padding: this.self().PADDING,
+            alignY: "bottom",
+          });
           break;
         case "footer": {
           const fGrid = new qx.ui.layout.Grid();
           fGrid.setSpacing(2);
           fGrid.setColumnFlex(this.self().FPOS.MODIFIED.row, 1);
           control = new qx.ui.container.Composite().set({
             backgroundColor: "background-card-overlay",
-            padding: this.self().PADDING - 2,
+            padding: this.self().PADDING,
             maxWidth: this.self().ITEM_WIDTH,
             maxHeight: this.self().ITEM_HEIGHT
           });

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

@@ -88,9 +88,7 @@ qx.Class.define("osparc.dashboard.GridButtonItem", {
           break;
         case "avatar-group": {
           const maxWidth = osparc.dashboard.GridButtonBase.ITEM_WIDTH - osparc.dashboard.GridButtonBase.PADDING * 2;
-          control = new osparc.ui.basic.AvatarGroup(24, "left", maxWidth).set({
-            paddingLeft: osparc.dashboard.GridButtonBase.PADDING,
-          });
+          control = new osparc.ui.basic.AvatarGroup(24, "left", maxWidth);
           this.getChildControl("body").addAt(control, this.self().BODY_POS.AVATAR_GROUP, {
             flex: 1,
           });
@@ -99,8 +97,7 @@ qx.Class.define("osparc.dashboard.GridButtonItem", {
         case "tags":
           control = new qx.ui.container.Composite(new qx.ui.layout.Flow(4, 4)).set({
             anonymous: true,
-            paddingLeft: osparc.dashboard.GridButtonBase.PADDING,
-            paddingRight: osparc.dashboard.GridButtonBase.PADDING,
+            alignY: "bottom",
           });
           this.getChildControl("body").addAt(control, this.self().BODY_POS.TAGS);
           break;