🐛 [Frontend] Fix: Credits Summary indicator's offset (ITISFoundation#7333)

Author: odeimaiz

services/static-webserver/client/source/class/osparc/desktop/credits/CreditsIndicatorButton.js

@@ -84,11 +84,10 @@ qx.Class.define("osparc.desktop.credits.CreditsIndicatorButton", {
     },
 
     __handleOutsideEvent: function(event) {
-      const offset = 30;
-      if (
-        !osparc.utils.Utils.isMouseOnElement(this.__creditsContainer, event, offset) &&
-        !osparc.utils.Utils.isMouseOnElement(this, event, offset)
-      ) {
+      const offset = 0;
+      const onContainer = osparc.utils.Utils.isMouseOnElement(this.__creditsContainer, event, offset);
+      const onButton = osparc.utils.Utils.isMouseOnElement(this, event, offset);
+      if (!onContainer && !onButton) {
         this.__hideCreditsContainer();
       }
     },

services/static-webserver/client/source/class/osparc/desktop/credits/CreditsPerService.js

@@ -90,7 +90,8 @@ qx.Class.define("osparc.desktop.credits.CreditsPerService", {
             });
           } else {
             const nothingFound = new qx.ui.basic.Label(this.tr("No usage found")).set({
-              font: "text-14"
+              font: "text-14",
+              padding: 20,
             });
             this._add(nothingFound);
           }

services/static-webserver/client/source/class/osparc/desktop/credits/CreditsSummary.js

@@ -27,6 +27,7 @@ qx.Class.define("osparc.desktop.credits.CreditsSummary", {
       appearance: "floating-menu",
       padding: 8,
       maxWidth: this.self().WIDTH,
+      minHeight: 150,
       zIndex: osparc.utils.Utils.FLOATING_Z_INDEX,
     });
     osparc.utils.Utils.setIdToWidget(this, "creditsSummary");