minor

Author: odeimaiz

services/static-webserver/client/source/class/osparc/desktop/account/MyAccount.js

@@ -42,6 +42,7 @@ qx.Class.define("osparc.desktop.account.MyAccount", {
       });
 
       const authData = osparc.auth.Data.getInstance();
+
       const email = authData.getEmail();
       const avatarSize = 80;
       const img = new qx.ui.basic.Image().set({
@@ -56,10 +57,17 @@ qx.Class.define("osparc.desktop.account.MyAccount", {
       });
       layout.add(img);
 
-      const name = new qx.ui.basic.Label().set({
+      const usernameLabel = new qx.ui.basic.Label().set({
         font: "text-14",
         alignX: "center"
       });
+      authData.bind("username", usernameLabel, "value");
+      layout.add(usernameLabel);
+
+      const name = new qx.ui.basic.Label().set({
+        font: "text-13",
+        alignX: "center"
+      });
       layout.add(name);
       authData.bind("firstName", name, "value", {
         converter: firstName => firstName + " " + authData.getLastName()
@@ -68,13 +76,6 @@ qx.Class.define("osparc.desktop.account.MyAccount", {
         converter: lastName => authData.getFirstName() + " " + lastName
       });
 
-      const usernameLabel = new qx.ui.basic.Label().set({
-        font: "text-14",
-        alignX: "center"
-      });
-      authData.bind("username", usernameLabel, "value");
-      layout.add(usernameLabel);
-
       if (authData.getRole() !== "user") {
         const role = authData.getFriendlyRole();
         const roleLabel = new qx.ui.basic.Label(role).set({