Change the layout of the Ribbon design window (it should follow the "left-to-right" order)

[raindropsfromsky]

Is your feature request related to a problem? Please describe.
Different elements in the ribbon are provided in the wrong order.

This creates confusion, as shown in the screenshot below:

Generally, a UI works from top-to-bottom, and left-to-right order.

• If you change the option in a drop-down menu, all the sections to the right and below will be affected.
• If you select (or deselect), all the options to the right and below will change based on that choice.
  ...and so on.

But that rule is broken here:
The user assumes that after he adjusts the order of commands (buttons) in the left panel, his next step will be in the right panel.
But the right panel only serves to set the order of the panel. But once it is set, this panel does not serve any other purpose.

Describe the solution you'd like
Swap the left and right panels as shown below.

After this, the new workflow is as follows:

1. The user selects a WB.
2. The user re-orders all panels in the WB in the left side.
3. The user selects a panel in the left side. (In this example, he has clicked on the "Structure" panel)
4. The right panel shows all commands (buttons) of this selected panel.
   Now the user can re-order the commands (buttons) for the selected panel.
5. The user selects the button size in the matrix.

Finally, the user clicks on Update button to apply the changes.

---

This streamlines the dialog: The user works from top-to-bottom, and also from left-to-right.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

[APEbbers]

Hi,

I will have a look. But my main focus will be the drag drop functionality I'm working on.

Kind regards