In Theme Twenty Nineteen, Twenty seventeen & Twenty Twenty-Two Comment section Reply and cancel reply has no space between them

[pitamdey]

In Theme Twenty Nineteen, Twenty seventeen & Twenty Twenty-Two, in the comment section on clicking reply the reply to user and cancel reply have no space between them
Reference Video : ​https://drive.google.com/file/d/1YBcQquFQdZz7CpUZs3gzYBfK869CTWDB/view

[pitamdey]

Twenty Seventeen

[pitamdey]

Twenty Nineteen

[pitamdey]

Twenty Twenty-Two

[pitamdey]

After applying this solution the issue is resolved

[himshekhar07]

Patch added

[sabernhardt]

This might be fixable by adding a space in the comment reply JS instead (#51589), but you proposed changing theme styles.

Notes:

• Twenty Seventeen uses em measurements for most margins. Its margin for could go in the ​comment-reply area of the stylesheet.
• Twenty Nineteen likewise could use 0.5em (or 0.5rem) as a margin. That theme's styles need to be edited in ​SCSS and then compiled.
• Twenty Twenty-Two only needs a correction in the legacy version of the Comments block; the ​newer block adds a margin of 0.5em. To avoid RTL issues, we could try a pseudo-element before the small element.

  .wp-block-post-comments .comment-reply-title > small::before {
    content: "";
    display: inline-block;
    width: 0.5em;
    height: 1em;
  }
  

[poena]

Hi,
@pitamdey can you please clarify if you mean the comments block, or the theme's default comment area?

It would be helpful to add testing instructions, both for reproducing the problem and for testing the patch.

[pitamdey]

Hi, @poena... Its the theme's default comment area.