Bug Hunting: Layout concern when user toggles Article Layout Selector button

Hi Steemit Devs,

I have found this minor bug when I toggle this "Article Layout Selector" button.

Article Layout Selector button can be found on the home page or the user's feed. Refer to below image. Button is highlighted in yellow.
cc.PNG

Steps to replicate:
  1. Go to your home page (feed) by pressing the steemit logo on the top left of the page. Or navigate to url: @username/feed, i.e. @wens/feed

  2. Look for the "Article Layout Selector" button and click to toggle view.
    Default page view:
    default1.PNG
    Page view when "Article Layout Selector" button is clicked
    de2.PNG
    Note: Button image is changed. On default view, button shows 2 lines. When toggled, it shows 3 lines.

  3. Go to your page by clicking the link "My Blog" found on the right side bar or navigate to url: @username, i.e. @wens
    Make sure that the Article Layout Selector button is selected (icon has 3 lines).

  4. Check the article summary footer from Blog, Comments, Replies tabs.
    Article summary footer refers to the payout, # of upvotes and # of comments.
    Blog:
    ui2.PNG
    Comments:
    ui1.PNG
    Replies:
    Capture.PNG

My Solution [Noob ;)]:

I've checked the html page using Google Chrome's developer tool and inspect the html elements.
s1.png

Notice that articles__summary-footer is a direct child of articles__content hentry with-image
22.PNG

Moving articles__summary-footer as a child of articles__content-block articles__content-block--text puts the article summary in place.
Capture.PNG

Test Environment
*Details
Operating SystemWindows 10
BrowserGoogle Chrome (Version 62.0.3202.89)



Open Source Contribution posted via Utopian.io

H2
H3
H4
3 columns
2 columns
1 column
4 Comments