This inline/horizontal checkbox snippet needs editing

Fenix · July 7, 2023, 6:54am

What I’m trying to do

I need 10 checkboxes in a row, and to be clickable in both reading or editing mode.
It helps me to make scales from 1 to 10 in other apps like Evernote.

Things I have tried

I found exactly what i’ve been looking for here

And i want this

Both on my windows 10, and android

But then i use latest snippet from the topic, i weirdly get this:
Editing

Reading

The snippet itself

/* ---------- Markdown Version ---------- */

.task-list-item {
    display: inline-flex !important;
}

.task-list-item-checkbox:not([data-line="0"]) {
    margin-left: calc(var(--list-indent)/3.75) !important;
}