Share buttons display abnormally

in #utopian-io7 years ago (edited)

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

Sort:  

Could you attach a screenshot of share button working in Edge? for those who don't have edge?.

Sure. I've added a screenshot under Edge in the post, the pictures definitely tell the difference and the problem.

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Thank you for your time! :)

Hey @daijia I am @utopian-io. I have just upvoted you!

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • Seems like you contribute quite often. AMAZING!

Suggestions

  • Contribute more often to get higher and higher rewards. I wish to see you often!
  • Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!

Get Noticed!

  • Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x