Update style for merge commits

[fregante]

Fixes #1052

Test on https://github.com/babel/babel/commits/master?after=ddd40bf5c7ad8565fc990f26142f85613958a329+104

Notice: GitHub doesn't show the commit directly below the merge. The merged commit in this case is the third one, Andarist's

[sindresorhus]

It's a little bit weird that the author avatar shows behind the merge icon. The merge icon should not act like an avatar. The tooltip also shows on the merge icon, and it's broken:

[fregante]

I tried putting the icon on the first line but it was hard to align it with the avatar. Not much choice other than making it 2-lines tall, but that'd make merges more visible, not less. Suggestions?

[sindresorhus]

How about something like this:

You can achieve that by just absolutely positioning the icon with adjusted top, and the padding-left on the first line. I would also make the merge icon smaller than in my above screenshot.

[fregante]

This is what I'm talking about. Does it look aligned?

Because it basically is 😅

---

If I align the text, the icon will look too far:

See? Text is aligned:

[sindresorhus]

Yeah, I get it now, but I can't think of a better way to present it either.

[sindresorhus]

Do we really need the icon at all?

[fregante]

Wellllll... it is more refined

[fregante]

I think it's good enough for now, better than broken. The current positioning is not offensively off. 😸