toggling, removing and installing mods works

Mostly, the installing part needs a bit more look at, to support
archives and different layouts for the mod. Such as searching through an
archive to find the right folder because some mods don't use a proper
layout. I also somewhat mitigated the whole issue of JSON files not
being formatted properly by the mod developer (please just fix your
formatting, I beg you.) by simply assigning the absolute basics, however
we can't know the versions of the mods.

I am not going to go out of my way to write code which can parse a file
that wasn't made to be parsed because whoever wrote it doesn't know what
a JSON file is made of. Simply not happening.

I also added a few locatiolization related things, along with more info
for --mods, so besides the normal counter for "Installed mods" you also
have "Enabled mods" and "Disabled mods", very useful.

The GUI also has a new added "Disabled" tag to mods that are disabled,
however this is a temporary, it looks bad and I don't want it in
release, I just needed a way to distinquish when testing.

Because you can now also enable and disable mods, mods.list() gives back
an Object that goes more or less something like:
{all: ..., enabled: ..., disabled: ... }, take your guesses as to what
everything means, you might even get it in the first try.

1 files changed, 8 insertions, 0 deletions

diff --git a/src/app/main.css b/src/app/main.css
index c6c9bb9..8776ec9 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -47,11 +47,19 @@ nobr {white-space: nowrap}
 }
 
 #modsdiv {
+	padding: 1px;
 	border-radius: var(--padding);
 	background: var(--boxbackground);
 	margin: calc(var(--padding) / 3) var(--padding);
 }
 
+.mod {
+	margin: calc(var(--padding) / 3);
+	border-radius: calc(var(--padding) / 2) !important;
+}
+
+.mod.selected {background: var(--background)}
+
 .buttons {
 	text-align: right;
 	margin-left: auto;