aesthetics

Author: odeimaiz

services/static-webserver/client/source/class/osparc/conversation/MessageUI.js

@@ -89,13 +89,15 @@ qx.Class.define("osparc.conversation.MessageUI", {
           break;
         case "user-name":
           control = new qx.ui.basic.Label().set({
-            font: "text-12"
+            font: "text-12",
+            textColor: "text-disabled",
           });
           this.getChildControl("header-layout").addAt(control, isMyMessage ? 2 : 0);
           break;
         case "last-updated":
           control = new qx.ui.basic.Label().set({
-            font: "text-12"
+            font: "text-12",
+            textColor: "text-disabled",
           });
           this.getChildControl("header-layout").addAt(control, isMyMessage ? 0 : 2);
           break;

services/static-webserver/client/source/class/osparc/support/ConversationListItem.js

@@ -23,9 +23,7 @@ qx.Class.define("osparc.support.ConversationListItem", {
 
     const layout = this._getLayout();
     layout.setSpacingX(10);
-    layout.setSpacingY(4);
-
-    this.setMinHeight(32);
+    layout.setSpacingY(0);
   },
 
   properties: {
@@ -43,9 +41,13 @@ qx.Class.define("osparc.support.ConversationListItem", {
       osparc.store.ConversationsSupport.getInstance().getLastMessage(conversationId)
         .then(lastMessages => {
           if (lastMessages && lastMessages.length) {
+            // decorate
             this.getChildControl("thumbnail").getContentElement().setStyles({
               "border-radius": "16px"
             });
+            this.getChildControl("subtitle").set({
+              textColor: "text-disabled",
+            });
             const lastMessage = lastMessages[0];
             const date = osparc.utils.Utils.formatDateAndTime(new Date(lastMessage.created));
             this.set({