The code in the tag is not displayed in the middle

[jsqx]

The code that is added in the tag is not displayed in the middle, only in the top position.

Themes/default/css/index.css

.bbc_code {
    display: block;
    font-size: .78rem;
    background: #f3f3f3;
    border: 1px solid #dfdfdf;
    border-top: 2px solid #bbb;
    border-bottom: 3px solid #aaa;
    border-radius: 2px;
    margin: 1px 0 6px 0;
    padding: 3px 12px;
    overflow: auto;
    white-space: nowrap;
    max-height: 25em;

I changed the padding from 3px to 7px and the code displays in the middle:

So fix it.

And I also noticed that all the old codes that are posted on the simplemachines forum have a empty space at the top. Has the author of the post left an empty space by adding the code?

Example:

https://www.simplemachines.org/community/index.php?topic=561159.msg4060260#msg4060260

[DiegoAndresCortes]

1- I don't see the first issue on SM or test site?

2- This might be an upgrader issue, looks like they have a <br/> added/converted. The code:

[code]
'show' => !empty($modSettings['hof_active']),
[/code]

These new lines should not be interpreted as such for codes, it does not happen for new ones.

[DiegoAndresCortes]

This happens for lists too e.g.

[list]
[li] <--- line break
text
[/li]
[/list]

If you edit the post and save it without doing anything, these line breaks go away.

[BrickOzp]

This seems to be a Chrome thing.

In the inspector this code is for a single line code: < code class="bbc_code" style="height: 38px;" >

The style part is not in the source.

This does not happen in FireFox

[jsqx]

Any chance to improve this? Chrome seems to be causing this.

It displays the same in Edge and Opera.