From ff406d4edc62af1f459ba2b17a9110a8e3ef71bc Mon Sep 17 00:00:00 2001
From: Ben Harris <bjh21@bjh21.me.uk>
Date: Tue, 15 Nov 2022 01:31:01 +0000
Subject: [PATCH] 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.
---
 emcclib.js     | 2 +-
 html/jspage.pl | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/emcclib.js b/emcclib.js
index f052312..31c9f80 100644
--- a/emcclib.js
+++ b/emcclib.js
@@ -83,7 +83,7 @@ mergeInto(LibraryManager.library, {
         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);
 
diff --git a/html/jspage.pl b/html/jspage.pl
index 6ce13a7..f3b0df5 100755
--- a/html/jspage.pl
+++ b/html/jspage.pl
@@ -215,7 +215,6 @@ EOF
     appearance: none;
     margin: initial;
     font: inherit;
-    padding-right: 0.5em;
 }
 
 #gamemenu .tick::before {