chevron is broken for LanguageDropdown

[ara4n]

Should we switch this over to being a normal ? Originally this was a custom component so that it could have flags - but languages categorically don't have flags.

[ara4n]

[ara4n]

(chevron should be on RHS)

[lampholder]

Looks like we use this component on the login page, too (choosing your login mechanism suffers from the same misplaced chevron).

[jryans]

This is the Dropdown component that has been around a while. The arrow icon was recently updated, so perhaps the position regressed when that happened.

There is also a new Field component which (when used as a <select>) also has a dropdown arrow that we just tuned to be on the right with the identical arrow icon.

So, we currently have two dropdown components with the same arrow icon, but Field will use native select / options, while Dropdown is all custom so it can include images and such.

So it looks like here we should:

• FIx Dropdown to push the arrow to the right again
• Possibly switch this language selector to Field because it doesn't show fancy things like flags

[jryans]

I fixed the Dropdown chevron position in matrix-org/matrix-react-sdk#2564.

Let's consider switching away from Dropdown for languages as a separate task.