aesthetics

Author: odeimaiz

services/static-webserver/client/source/class/osparc/ui/list/CollaboratorListItem.js

@@ -18,6 +18,14 @@
 qx.Class.define("osparc.ui.list.CollaboratorListItem", {
   extend: osparc.ui.list.ListItem,
 
+  construct: function() {
+    this.base(arguments);
+
+    this.set({
+      minHeight: 48
+    })
+  },
+
   properties: {
     collabType: {
       check: [0, 1, 2], // 0:all, 1:org, 2:user

services/static-webserver/client/source/class/osparc/ui/list/ListItem.js

@@ -50,9 +50,16 @@ qx.Class.define("osparc.ui.list.ListItem", {
 
     const layout = new qx.ui.layout.Grid(8, 1);
     layout.setColumnWidth(0, 32);
+    layout.setRowFlex(0, 1);
     layout.setColumnFlex(1, 1);
+    layout.setColumnAlign(0, "center", "middle");
+    layout.setColumnAlign(2, "center", "middle");
     this._setLayout(layout);
-    this.setPadding(5);
+
+    this.set({
+      padding: 5,
+      alignY: "middle",
+    });
 
     this.addListener("pointerover", this._onPointerOver, this);
     this.addListener("pointerout", this._onPointerOut, this);