Firefox ignores the space after the asterisk in the ul li::marker rule

[joeroe]

The issue appears to be with how Firefox handles UL/LI indentation compared to Chrome.

Originally posted by @mntn-xyz in https://github.com/joeroe/risotto/issues/3#issuecomment-887933920

[mntn-xyz]

I think this will fix it, but I haven't tested it yet.

/* Replace existing rule (strip space after asterisk) */
ul li::marker {
    content: '∗';
    color: var(--bright-bg);
}

/* Specify use of margin */
.page__body ul, .page__aside ul {
    margin-left: 0.75rem;
    padding-left: 0;
}

I noticed that this was fixed on sslarch.github.io, but without the .page_body and .page_aside selectors. This adds a space after the ./ in the header menu.

Another way to go about this would be to apply the margin and padding to the whole page, then undo it just for the header menu. Might be a better approach.

[mntn-xyz]

Fixed - confirmed