styling

Author: odeimaiz

services/static-webserver/client/source/class/osparc/NewUITracker.js

@@ -35,7 +35,9 @@ qx.Class.define("osparc.NewUITracker", {
           msg += "<br>";
           msg += qx.locale.Manager.tr("Click the Reload button to get the latest features.");
           // permanent message
-          const flashMessage = osparc.FlashMessenger.getInstance().logAs(msg, "INFO", 0);
+          const flashMessage = osparc.FlashMessenger.getInstance().logAs(msg, "INFO", 0).set({
+            maxWidth: 500
+          });
           const reloadButton = osparc.utils.Utils.reloadNoCacheButton();
           flashMessage.addWidget(reloadButton);
           this.stopTracker();

services/static-webserver/client/source/class/osparc/utils/Utils.js

@@ -251,8 +251,14 @@ qx.Class.define("osparc.utils.Utils", {
 
     reloadNoCacheButton: function() {
       const reloadButton = new qx.ui.form.Button().set({
-        label: this.tr("Reload"),
-        icon: "@FontAwesome5Solid/redo/14",
+        label: qx.locale.Manager.tr("Reload"),
+        icon: "@FontAwesome5Solid/redo/16",
+        font: "text-16",
+        gap: 10,
+        appearance: "strong-button",
+        allowGrowX: false,
+        center: true,
+        alignX: "center",
       });
       reloadButton.addListener("execute", () => {
         // this argument, which is passed and consumed by the boot.js init file,