Inline avatars display inconsistently

[danielbprice]

I noticed that <avatar inline>'s with src set versus those with username set have inconsistent alignment with surrounding inline text. The following fiddle hopefully illustrates the problem: https://jsfiddle.net/hnyao14r/2/

I also show a minor tweak-- adding a zero width space to the wrapper <div>-- which seems to help the situation. I'm not sure I understand enough about CSS and alignment and baselines to know why. Thanks for this nice component!

[saintplay]

Great catch. However there is no rule to make the baseline always center, with avatars looks good though. I suggest using flex and align-items always for inline items

[danielbprice]

FWiW I think this is what this commit: corstian@17e5a51 is also trying to fix.