Share buttons display abnormally

in #utopian-io • 6 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

#utopian #bugs
6 years ago in #utopian-io by
$20.67
  • Past Payouts $20.67, 0.00 TRX
  • - Author $14.54, 0.00 TRX
  • - Curators $6.13, 0.00 TRX
10 votes
Reply 5
Sort:  
  • Trending
    • [-]
     6 years ago 

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

    $0.00
      Reply
      [-]
       6 years ago 

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

      $0.00
        Reply
        [-]
         6 years ago 

        Thank you for the contribution. It has been approved.

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

        $0.00
          Reply
          [-]
           6 years ago 

          Thank you for your time! :)

          $0.00
            Reply
            [-]
             6 years ago 

            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

            $0.00
              Reply

              Coin Marketplace

              STEEM 0.26
              TRX 0.11
              JST 0.033
              BTC 64999.89
              ETH 3101.81
              USDT 1.00
              SBD 3.87