Markdown checkboxes rendered badly

[noerw]

Gitea Version

1.15.4 + 58cd55d (recent 1.16)

Git Version

No response

Operating System

No response

How are you running Gitea?

gitea.com

Database

No response

Can you reproduce the bug on the Gitea demo site?

Yes

Log Gist

No response

Description

Spaced lists render badly, see screenshot.

Reproducer:

#### dense list
- [ ] foo
- [ ] barbarbarbarbarbarbarbar barbarbarbarbarbarbarbar barbarbarbarbarbarbarbar barbarbarbarbarbarbar barbarbarbarbar
- [ ] baz

#### not so dense list
- [ ] foo

- [ ] barbarbarbarbarbarbarbar barbarbarbarbarbarbarbar barbarbarbarbarbarbarbar barbarbarbarbarbarbar barbarbarbarbar

- [ ] baz

Screenshots

[silverwind]

GH rendering for comparison:

dense list

• foo
• barbarbarbarbarbarbarbar barbarbarbarbarbarbarbar barbarbarbarbarbarbarbar barbarbarbarbarbarbar barbarbarbarbar
• baz

not so dense list

• foo

• barbarbarbarbarbarbarbar barbarbarbarbarbarbarbar barbarbarbarbarbarbarbar barbarbarbarbarbarbar barbarbarbarbar

• baz

[wxiaoguang]

It can be fixed by this patch.

.markup .task-list-item {
    list-style-type: none;
    position: relative; /* add this */
}
.markup .task-list-item input[type=checkbox] {
   /* before:  margin: 0 6px 0.25em -1.6em;
      replace with below:
  */
    position: absolute;
    top: 0.25em;
    left: -1.6em;
}