ref: ff406d4edc62af1f459ba2b17a9110a8e3ef71bc
parent: a55c0c188b55d71eb6ebc2984561e21cf2d20fe3
author: Ben Harris <bjh21@bjh21.me.uk>
date: Mon Nov 14 20:31:01 EST 2022
js: Convert space after tick in menus to a space character Older Firefox versions don't support "-moz-appearance: none" on radio buttons, which seems to mean that the specifies padding for them doesn't appear. Using a space character instead works fine, so do that everywhere. This seems to move the text slightly closer to the tick on browsers that do support "appearance: none", but the result is quite acceptable. This also makes the focus outline on the ticks slightly less weird.
--- a/emcclib.js
+++ b/emcclib.js
@@ -83,7 +83,7 @@
tick.name = "preset";
tick.value = value;
label.appendChild(tick);
- label.appendChild(document.createTextNode(name));
+ label.appendChild(document.createTextNode(" " + name));
item.appendChild(label);
gametypesubmenus[menuid].appendChild(item);
--- a/html/jspage.pl
+++ b/html/jspage.pl
@@ -215,7 +215,6 @@
appearance: none;
margin: initial;
font: inherit;
- padding-right: 0.5em;
}
#gamemenu .tick::before {