menu-wider

Author: odeimaiz

services/static-webserver/client/source/class/osparc/navigation/StudyTitleWOptions.js

@@ -77,6 +77,7 @@ qx.Class.define("osparc.navigation.StudyTitleWOptions", {
           break;
         case "study-menu-button": {
           const optionsMenu = new qx.ui.menu.Menu();
+          optionsMenu.setAppearance("menu-wider");
           optionsMenu.add(this.getChildControl("study-menu-info"));
           optionsMenu.add(this.getChildControl("study-menu-download-logs"));
           control = new qx.ui.form.MenuButton().set({

services/static-webserver/client/source/class/osparc/theme/Appearance.js

@@ -719,6 +719,17 @@ qx.Theme.define("osparc.theme.Appearance", {
       }
     },
 
+    "menu-wider": {
+      include: "menu",
+      style: () => {
+        return {
+          decorator: "border-simple",
+          font: "text-14",
+          padding: 4,
+        };
+      }
+    },
+
     "menu-button": {
       alias: "atom",
 

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

@@ -253,19 +253,12 @@ qx.Class.define("osparc.utils.Utils", {
     },
 
     prettifyMenu: function(menu) {
-      menu.set({
-        font: "text-14",
-        padding: 4
-      });
+      menu.setAppearance("menu-wider");
       menu.getChildren().forEach(menuItem => {
         if (menuItem.classname !== "qx.ui.menu.Separator") {
           menuItem.setPadding(4);
         }
       });
-
-      menu.getContentElement().setStyles({
-        "border-radius": "4px"
-      });
     },
 
     hardRefresh: function() {