Feedback needed.

How's this?

A few suggestions:

• I’d move it to the right side like in my mock-up, it’s easy to implement via flex
• I’d just embed the image as suggested, as a square thumbnail with object-fit: cover and perhaps a light border unless we just use a blueish background for the whole box, which
• Clicking the thumbnail would open it exactly like it happens for every other markdown image on the site: raw, without lightbox

But many screenshots would look funny in that size, No?

I will give it a shot later (I happen to like the way it is JMHO)

But many screenshots would look funny in that size, No?

It's just a preview, equivalent to a button: 100x100px-ish image on the left and description on the right

Can you help me with the flex (I have never used flex before)?

You probably just need:

wrapAll(<div className="d-flex"/>, [leftHandCommitInfo, yourNewBox])

And yourNewBox itself can just be another <div className="d-flex"/>

Sorry was unable to do it last night. 🤒 since last night will try later to do it.

By the way, either this isn't ready, or it doesn't fix #3630 since it doesn't include the other pieces of information suggested

I am going to allow anyone to take over this PR. I added the api call and filtered it.