What's going on here? Is the screenshot edited?

I'm really tired of seeing this type of bug with the parens, I need to find a way to fix the way text wraps so when it breaks it doesn't act so badly

What's going on here?

GitHub devs are going on here:

Is the screenshot edited?

No

GitHub plz

Somewhat fixable on our end:

div[class^='ActivityHeader'][class*='actionsWrapper'] {
	flex-wrap: wrap-reverse;
}
@container issueViewerContainer (max-width: 768px) {
	span[class^='MarkdownLastEditedBy-module__lastEditInfoContainer'] {
		font-size: 0;
		span[class^='MarkdownLastEditedBy-module__editorLogin']:before {
			content: 'Edited';
			font-size: 12px;
		}
	}
}

Somewhat fixable on our end:

I opened a dedicated issue:

• Improve comment header wrapping on mobile #9623

This alone fixes the issue actually, so I think the rest of the changes in this PR are not needed:

Sure:

As you yourself showed earlier, it appears even without Refined GitHub, that's why I opened a dedicated github bug improvement:

• Improve comment header wrapping on mobile #9623

The issue at hand is this:

(locked due to people possibly landing here for unrelated issues)

@SunsetTechuila the CSS you wrote earlier looks good and it fixes #9623, do you want to open a PR?

div[class^='ActivityHeader'][class*='actionsWrapper'] {
	flex-wrap: wrap-reverse;
}
@container issueViewerContainer (max-width: 768px) {
	span[class^='MarkdownLastEditedBy-module__lastEditInfoContainer'] {
		font-size: 0;
		span[class^='MarkdownLastEditedBy-module__editorLogin']:before {
			content: 'Edited';
			font-size: 12px;
		}
	}
}
[class*="^IssueBodyHeader-module__titleSection"] {
	display: contents;
}

the CSS you wrote earlier looks good and it fixes #9623

The CSS I wrote doesn't fix that issue on its own. It only does when combined with this PR.

[class^="IssueBodyHeader-module__titleSection"] {
 	display: contents;
}

I don't like this addition. It breaks how GitHub's code works instead of integrating with it, only to achieve a worse result: extra spacing on the left.

do you want to open a PR?

No. I can reopen this PR and add the CSS from #9622 (comment) to it.

doesn't fix that issue on its own

I took a screenshot with that code I pasted, what do you mean?

extra spacing on the left.

It was a quick trial, surely we can make further adjustments. I thought about using contents so that the text breaks as if it's part of the same line of text. Not sure if it's good enough.

Sorry about what happened here, perhaps I moved the goalpost after opening the issue. But we can't fix minor layout issues with JS, same as #9176.

I opened #9682, which reused your earlier code from #9190