Margin control for dropdown widget icon

Feature Requests / Improvements
1

Hi bricks team,

I want to move the dropdown widget icons to the right side as shown in the image below.

a

But currently there is no margin control for the drop-down icon, in which margin-left: auto; Use to achieve the desired result. So I wanted to ask, do you have a more suitable solution to achieve the desired result?

If you suggest using the transform option, I must say that this is not a correct way. Because the transform value can be different based on the length of the dropdown title, and therefore the icons will not align.

Thanks in advance

2

Hey @jolia,

for now some custom CSS should get you what you need:

root .brx-submenu-toggle {
  width: 100%;
  justify-content: space-between;
}

Make sure to also set a width to the dropdown element itself (e. g. 100%).

Best,

André

1 Like