Remove space around embeds in lists

Use case or problem

I regularly embed blocks in lists. When I do this I would expect to see the embed on the same line as the bullet. The next bullet should be directly underneath. This isn’t the case.

This is what I mean:

Proposed solution

Remove the space around embeds in lists.

Current workaround (optional)

Currently I can remove the space at the bottom with

.HyperMD-list-line.cm-line img.cm-widgetBuffer {
    display: none;
}

But not the top spacing.

Related feature requests (optional)

2 Likes

You could try something vaguely along these lines… although you’ll certainly need to tweak this CSS to avoid breaking other stuff.

/* Make the embed appear on same line as list marker */
div.internal-embed {
    display: inline-block;
}

/* Move list marker from bottom to top */
span.cm-formatting-list-ul {
    vertical-align: top;
}