minors

Author: odeimaiz

services/static-webserver/client/source/class/osparc/ui/basic/JsonTreeViewer.js

@@ -25,7 +25,12 @@ qx.Class.define("osparc.ui.basic.JsonTreeViewer", {
   construct: function(jsonObj) {
     this.base(arguments);
 
-    this._setLayout(new qx.ui.layout.VBox());
+    this.set({
+      minWidth: 200,
+      minHeight: 200,
+      marginLeft: -30,
+      marginTop: -10,
+    });
 
     if (jsonObj) {
       this.setJson(jsonObj);
@@ -34,7 +39,9 @@ qx.Class.define("osparc.ui.basic.JsonTreeViewer", {
 
   members: {
     setJson(jsonObj) {
-      osparc.wrapper.JsonTreeViewer.getInstance().print(jsonObj, this.getContentElement());
+      this.addListenerOnce("appear", () => {
+        osparc.wrapper.JsonTreeViewer.getInstance().print(jsonObj, this.getContentElement().getDomElement());
+      }, this);
     },
   }
 });

services/static-webserver/client/source/resource/jsontreeviewer/jsonTree.css

@@ -20,7 +20,7 @@
     font-size: 14px;
 
     margin-left: 0px;
-    font-family: 'Roboto';
+    font-family: 'Manrope'; /* osparc */
 }
 
 /* Styles for a list of child nodes */
@@ -31,7 +31,7 @@
     /* line-height: 2; */
 
     margin-left: 0px;
-    line-height: 1.5;
+    /* line-height: 1.5; osparc */
 }
 .jsontree_node_expanded > .jsontree_value-wrapper > .jsontree_value > .jsontree_child-nodes {
     display: block;
@@ -71,7 +71,7 @@
 
     color: transparent;
 }
-.jsontree_value { 
+.jsontree_value {
     vertical-align: top;
     display: inline;