make it compact

Author: odeimaiz

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

@@ -90,10 +90,11 @@ qx.Class.define("osparc.conversation.AddMessage", {
               e.preventDefault();
             }
           }, this);
-          control.getChildControl("buttons").exclude();
+          control.setCompact(true);
           control.getChildControl("text-area").getContentElement().setStyles({
             "border-top-right-radius": "0px", // no roundness there to match the arrow button
           });
+          // make it more compact
           this.getChildControl("add-comment-layout").add(control, {
             flex: 1
           });
@@ -102,7 +103,8 @@ qx.Class.define("osparc.conversation.AddMessage", {
           control = new qx.ui.form.Button(null, "@FontAwesome5Solid/arrow-up/16").set({
             backgroundColor: "input_background",
             allowGrowX: false,
-            alignX: "right"
+            alignX: "right",
+            alignY: "middle",
           });
           control.getContentElement().setStyles({
             "border-bottom": "1px solid " + qx.theme.manager.Color.getInstance().resolve("default-button-active"),
@@ -161,9 +163,6 @@ qx.Class.define("osparc.conversation.AddMessage", {
         // edit mode
         const commentField = this.getChildControl("comment-field");
         commentField.setText(message["content"]);
-
-        const addMessageButton = this.getChildControl("add-comment-button");
-        addMessageButton.setLabel(this.tr("Edit message"));
       }
     },
 

services/static-webserver/client/source/class/osparc/editor/MarkdownEditor.js

@@ -42,6 +42,14 @@ qx.Class.define("osparc.editor.MarkdownEditor", {
     });
   },
 
+  properties: {
+    compact: {
+      check: "Boolean",
+      init: null,
+      apply: "__applyCompact"
+    }
+  },
+
   members: {
     _createChildControlImpl: function(id) {
       let control;
@@ -69,6 +77,12 @@ qx.Class.define("osparc.editor.MarkdownEditor", {
         }
       }
       return control || this.base(arguments, id);
-    }
+    },
+
+    __applyCompact: function(value) {
+      this.getChildControl("buttons").setVisibility(value ? "excluded" : "visible");
+      this.getChildControl("tabs").getChildControl("bar").setVisibility(value ? "excluded" : "visible");
+      this.getChildControl("subtitle").setVisibility(value ? "excluded" : "visible");
+    },
   }
 });

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

@@ -105,9 +105,6 @@ qx.Class.define("osparc.support.Conversation", {
           this.bind("conversation", control, "conversationId", {
             converter: conversation => conversation ? conversation.getConversationId() : null
           });
-          // make it more compact
-          control.getChildControl("comment-field").getChildControl("tabs").getChildControl("bar").exclude();
-          control.getChildControl("comment-field").getChildControl("subtitle").exclude();
           this._addAt(control, 4);
           break;
         case "share-project-layout":