minor

Author: odeimaiz

services/static-webserver/client/source/class/osparc/dashboard/ListButtonItem.js

@@ -132,8 +132,25 @@ qx.Class.define("osparc.dashboard.ListButtonItem", {
             column: osparc.dashboard.ListButtonBase.POS.OPTIONS
           });
           break;
-        case "tick-unselected": {
+        case "menu-button": {
+          control = new qx.ui.form.MenuButton().set({
+            appearance: "form-button-outlined",
+            padding: [0, 8],
+            maxWidth: this.self().MENU_BTN_DIMENSIONS,
+            maxHeight: this.self().MENU_BTN_DIMENSIONS,
+            icon: "@FontAwesome5Solid/ellipsis-v/14",
+            focusable: false
+          });
+          // make it circular
+          control.getContentElement().setStyles({
+            "border-radius": `${this.self().MENU_BTN_DIMENSIONS / 2}px`
+          });
+          osparc.utils.Utils.setIdToWidget(control, "studyItemMenuButton");
           const menuSelectionStack = this.getChildControl("menu-selection-stack");
+          menuSelectionStack.addAt(control, 0);
+          break;
+        }
+        case "tick-unselected": {
           control = new qx.ui.basic.Atom().set({
             appearance: "form-button-outlined",
             width: this.self().MENU_BTN_DIMENSIONS,
@@ -143,11 +160,11 @@ qx.Class.define("osparc.dashboard.ListButtonItem", {
           control.getContentElement().setStyles({
             "border-radius": `${this.self().MENU_BTN_DIMENSIONS / 2}px`
           });
+          const menuSelectionStack = this.getChildControl("menu-selection-stack");
           menuSelectionStack.addAt(control, 1);
           break;
         }
         case "tick-selected": {
-          const menuSelectionStack = this.getChildControl("menu-selection-stack");
           control = new qx.ui.basic.Image("@FontAwesome5Solid/check/12").set({
             appearance: "form-button-outlined",
             width: this.self().MENU_BTN_DIMENSIONS,
@@ -158,25 +175,8 @@ qx.Class.define("osparc.dashboard.ListButtonItem", {
           control.getContentElement().setStyles({
             "border-radius": `${this.self().MENU_BTN_DIMENSIONS / 2}px`
           });
-          menuSelectionStack.addAt(control, 2);
-          break;
-        }
-        case "menu-button": {
           const menuSelectionStack = this.getChildControl("menu-selection-stack");
-          control = new qx.ui.form.MenuButton().set({
-            appearance: "form-button-outlined",
-            padding: [0, 8],
-            maxWidth: this.self().MENU_BTN_DIMENSIONS,
-            maxHeight: this.self().MENU_BTN_DIMENSIONS,
-            icon: "@FontAwesome5Solid/ellipsis-v/14",
-            focusable: false
-          });
-          // make it circular
-          control.getContentElement().setStyles({
-            "border-radius": `${this.self().MENU_BTN_DIMENSIONS / 2}px`
-          });
-          osparc.utils.Utils.setIdToWidget(control, "studyItemMenuButton");
-          menuSelectionStack.addAt(control, 0);
+          menuSelectionStack.addAt(control, 2);
           break;
         }
       }