Improve footnotes

[simurai]

Currently the footnotes added in #1616 only have space for 1 digit and start to look odd when there are more:

Possible fixes

Option A

There is list-style-position: inside; to make the numbers appear inside the <li>, but alignment won't look nice: laurent22/joplin#4715 (comment). And also doesn't look good with multi line text. Maybe there is some other hack?

Option B

1. Adding enough indentation for at least 2 digits, maybe 3 digits
2. Add a bit padding on the left of <li>
3. Then use the blue border only inside of the <li>

We kinda had that in an initial version:

Option C

Maybe find another way to show that an item has :target. Often a yellow background is used to highlight something.

Option D

Use <table> instead of <ol>. Then the column width automatically adjusts base on the content. But that's a big change and probably a bad idea.

/cc @vdepizzol

[github-actions]

Hi! This issue has been marked as stale because it has been open with no activity for 180 days. You can comment on the issue or remove the stale label to keep it open. If you do nothing, this issue will be closed in 7 days.