Adjust styling for reference notes

Author: Nixinova

src/parse.ts

@@ -352,12 +352,12 @@ export function parse(data: string, config: Config = {}): Result {
 
                 const refData = { ref: text, n: refs.length + 1, name: refname };
                 refs.push(refData);
-                return `<sup><a id="cite-${refData.n}" class="ref" href="#ref-${refData.n}">[${refData.n}]</a></sup>`
+                return `<sup class="refnote"><a id="cite-${refData.n}" class="ref" href="#ref-${refData.n}">[${refData.n}]</a></sup>`
             })
             .replace(re(r`< ref \s* name \s* = \s* ["']? ( [^>"']+ ) ["']? \s* (?: /> | > .* </ref> )`), (_, refname) => {
                 const ref = refs.find(ref => ref.name === refname);
                 if (!ref) return '';
-                return `<sup><a id="cite-${ref.n}" class="ref" href="#ref-${ref.n}">[${ref.n}]</a></sup>`
+                return `<sup class="refnote"><a id="cite-${ref.n}" class="ref" href="#ref-${ref.n}">[${ref.n}]</a></sup>`
             })
 
             // Nonstandard: ``code`` and ```code blocks```

src/wiki.css.ts

@@ -24,6 +24,8 @@ a.external-link::after {content: '\1f855';}
 a.redlink {color: #d33;}
 a.redlink:visited {color: #b44;}
 
+sup.refnote {margin-left: -5px;}
+
 #page+toc {border: 1px solid #aab; padding: 8px; width: fit-content; background-color: #f8f8f8; font-size: 95%;}
 #page+toc-heading {display: block; text-align: center;}
 #page+toc ol {margin: 0 0 0 1.3em;}