Share buttons display abnormally

Words
150
Reading
1 min
Listen
Play
9y

Expected behavior

All the share icon buttons should be displayed normally inside the box.

Actual behavior

By clicking on Share link of each article, the media buttons are out of the box, this breaks the layout.

How to reproduce

Open an article/post, and click on Share, the icon buttons displaying out of range.

  • Browser: Chrome 63 (Edge is working well)
  • Operating system: Windows 10 64bit

Recording Of The Bug

Following is a screenshot under Chrome 63.
image.png
Following is a screenshot under Edge, which displaying well.
image.png

Suggestions

I noticed there are some <br> after the buttons, and the margin value is different between Chrome and Edge. However I can't provide more on how to correct this, I think this is a systematic change since utopian.io is a complex project.
image.png
Margin value is 24 under Chrome 63.
image.png
Margin value is 3.2 under Edge, which displaying normally.



Posted on Utopian.io - Rewarding Open Source Contributors

Share buttons display abnormally | Ecency