This drives me nuts

[Billy_McSkintos]

Hi @Alex, is there any way to fix this extra (-ve) pixel margin, either permanently of by modifying the CSS?

[Alex]

I've tried to, but it's annoying to fix since it's a pixel rounding issue. I might take another look at it

[keyboard]

Jeez !!  I never noticed this till now and now it sticks out !!!!  LOL...

[asromzek]

@Alex, Setting "margin-left" from "-1px" to "0px" for ".month-select" seems to fix it on Chrome. Are there issues on other browsers?

[Billy_McSkintos]

Is the pixel rounding problem also the cause of this one in the budget header of some, but not all, months?

[Billy_McSkintos]

I corrected the month layout with this...

Code Select Expand

.month-overview__month-overview, .month-overview__cell-head {
    margin-left: -1px;
}

...but the budget header category is still 1 or 2 pixels out

[Rhuarc]

I corrected the month layout with this...

Code Select Expand

.month-overview__month-overview, .month-overview__cell-head {
    margin-left: -1px;
}

...but the budget header category is still 1 or 2 pixels out

Thank you!  This was driving me crazy as well!

[asromzek]

@Alex, Setting "margin-left" from "-1px" to "0px" for ".month-select" seems to fix it on Chrome. Are there issues on other browsers?

Nevermind, a scroll bar pops up under the heading, and I just found the comment in the source code: "// Flexbox subpixel rendering hack".

[Rhuarc]

@Alex, Setting "margin-left" from "-1px" to "0px" for ".month-select" seems to fix it on Chrome. Are there issues on other browsers?

Nevermind, a scroll bar pops up under the heading, and I just found the comment in the source code: "// Flexbox subpixel rendering hack".

This seemed to fix it for me in Chrome using that code added to Stylish.  I am also not seeing any scroll bars under the heading.