Share buttons display abnormally

in utopian-io •  7 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-io utopian bugs
7 years ago by

Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

  • Disagreement on rewards
  • Fraud or plagiarism
  • Hate speech or trolling
  • Miscategorized content or spam

Submit
$20.67
  • Past Payouts $20.67
  • - Author $14.54
  • - Curators $6.13
10 votes
5
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  
  • Trending
    • [-]
      ·  7 years ago 

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

    Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

    • Disagreement on rewards
    • Fraud or plagiarism
    • Hate speech or trolling
    • Miscategorized content or spam

    Submit
    $0.00
      [-]
        ·  7 years ago 

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

      Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

      • Disagreement on rewards
      • Fraud or plagiarism
      • Hate speech or trolling
      • Miscategorized content or spam

      Submit
      $0.00
        [-]
          ·  7 years ago 

        Thank you for the contribution. It has been approved.

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

        Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

        • Disagreement on rewards
        • Fraud or plagiarism
        • Hate speech or trolling
        • Miscategorized content or spam

        Submit
        $0.00
          [-]
            ·  7 years ago 

          Thank you for your time! :)

          Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

          • Disagreement on rewards
          • Fraud or plagiarism
          • Hate speech or trolling
          • Miscategorized content or spam

          Submit
          $0.00
            [-]
              ·  7 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

            Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

            • Disagreement on rewards
            • Fraud or plagiarism
            • Hate speech or trolling
            • Miscategorized content or spam

            Submit
            $0.00