[Fixed] Move p-panel-menu-icon to the right

Issue

I tried to use panel-menu in primeng.

But I want the arrow icons on the right. Like this….

Solution

You can do that by CSS:

.p-panelmenu-icon {
 order: 1; // to be the first item on right side.
}
.p-menuitem-text {
 flex-grow: 1; // to fill the whole space and push the icon to the end
}