Misaligned first code line in code blocks

[xjasonlyu]

Taking the demo site as an example, the first line in the code block is slightly misaligned compared to the rest:

This issues applies to all the clode blocks and styles too.

[xjasonlyu]

The issue seems to be caused by this css layout:

https://github.com/lxndrblz/anatole/blob/1ac45419dcc725d4af83a411b94997370fd56d70/assets/scss/partials/components/_post.scss#L76-L85

the 2px padding and 1px border were combined and added to the head and tail of the code block, which contributes to this misaligned layout.

[xjasonlyu]

Adding this css code into custom.css works for me, but yet I don't know why. I'm not familiar with CSS ;-)

.post__content code {
    line-height: 1.9rem;
    display: inline-block;
}

[lxndrblz]

@xjasonlyu Is this issue still current?

[xjasonlyu]

Yes, it still exists.