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:

anatole/assets/scss/partials/components/_post.scss

Lines 76 to 85 in 1ac4541

	code {
	font-family: monospace;
	padding: 0 2px;
	@include themed() {
	background-color: t('primary-lighter');
	border: 1px solid t('primary-lighter');
	border-radius: 2px;
	}
	}

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.