version now refreshes, fixed and renamed stuff

The version now refreshes when you update/install Northstar, I renamed
vpVersion/nsVersion to just vpversion/nsversion and
getInstalledVersion() to getNSVersion(), removed uses of
getElementById() with just the ID. I also added English localization.
The versions text color is now bound by a CSS variable (we may use it in
the future again).

I'm also not sure what the point of `style="white-space: nowrap;"` was,
as I don't see much of a difference? Rather instead use `<nobr>` in the
lang file if needed.

Besides that I did tiny code cleanup.

3 files changed, 9 insertions, 8 deletions

diff --git a/src/app/index.html b/src/app/index.html
index 4c31255..80f7701 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -7,10 +7,10 @@
 		<div class="lines">
 			<div class="line">
 				<div class="text">
-					<div style="white-space: nowrap;">%%gui.welcome%%</div>
+					<div>%%gui.welcome%%</div>
 					<div class="versions">
-						<div id="vpVersion"></div>
-						<div id="nsVersion"></div>
+						<div id="vpversion"></div>
+						<div id="nsversion"></div>
 					</div>
 				</div>
 				<div class="buttons">
diff --git a/src/app/main.css b/src/app/main.css
index c86e08d..cd6c001 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -1,6 +1,7 @@
 :root {
 	--background: #4C515B;
 	--foreground: #DDE2EB;
+	--subforeground: #AFAFAF;
 	--btnforeground: var(--foreground);
 }
 
@@ -72,5 +73,5 @@ button:active {
 .versions {
 	height: 15px;
 	font-size: 12px;
-	color: #afafaf;
-}
\ No newline at end of file
+	color: var(--subforeground);
+}
diff --git a/src/app/main.js b/src/app/main.js
index 765b143..59b28f2 100644
--- a/src/app/main.js
+++ b/src/app/main.js
@@ -35,9 +35,9 @@ ipcRenderer.on("newpath", (event, newpath) => {
 	settings.gamepath = newpath;
 })
 
-ipcRenderer.on("version", (_, payload) => {
-	document.getElementById("vpVersion").innerText = "Viper version:" + payload.vp;
-	document.getElementById("nsVersion").innerText = "Northstar version: " + payload.ns;
+ipcRenderer.on("version", (event, versions) => {
+	vpversion.innerText = lang("gui.versions.viper") + ": " + versions.vp;
+	nsversion.innerText = lang("gui.versions.northstar") + ": " + versions.ns;
 });
 ipcRenderer.send("getversion");