Manager menus

[Luan Ramos]

.menu-location-menus select {
    float: left;
    max-width: 100%;
}

[Luan Ramos]

When we click on the tab menu manager position and give a resize the screen to select is not fluid

[Luan Ramos]

Replying to Luan Ramos:

.menu-location-menus select {
    max-width: 100%; // new
}

[sagarjadhav]

Fixed Issue

[afercia]

To recap, this issue is very clear when a menu has a very long name. In the responsive view, the "select-menu-to-edit" and "menu-locations" selects become too large to fit the screen, see screenshot below:

There are also some vertical alignment issues. I'd propose to simplify, use inline-block instead of floats and let browsers do their job to vertically align things. Also set a max-width on the selects as suggested in the previous patches. Screenshot with the last patch applied:

A slightly better vertical alignment in the "desktop" view:

[afercia]

In 36264:

Menus screen: improve responsiveness of select elements.

Props Luan-Ramos, sagarjadhav.
Fixes #31826.