Mention or username pill without avatar is too narrow, cuts off username, and is vertically mis-aligned …

When turning off `Show avatars in user and room mentions` in Element, the surrounding background of resulting mentions or username pills, are too narrow and cut off the username to the left …

Also username and the text don’t share the same baseline, i.e. they are vertically not aligned.

This could be fixed rather elegantly with removing the (in my opinion) unnecessary background color, setting the line-height and vertical-alignment to default and e.g. using text-decoration underline for the pill …

—

PS: Which would also work pretty well for mentions or username pills WITH the avatar … and would be way better for readability and textflow, see also: https://github.com/vector-im/element-web/issues/14794