localized all strings

I localized all strings for English, then went ahead and made array
options have a wider input and more word spacing, since they're all
space separated.

3 files changed, 29 insertions, 11 deletions

diff --git a/src/app/index.html b/src/app/index.html
index f605136..ac1e276 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -28,20 +28,20 @@
 				<div style="width:100%"></div>
 				<button id="apply" onclick="Settings.toggle(false);Settings.apply()">
 					<img src="icons/apply.png">
-					Save
+					%%gui.settings.save%%
 				</button>
 				<button id="close" onclick="Settings.toggle(false);Settings.load()">
 					<img src="icons/close.png">
-					Discard
+					%%gui.settings.discard%%
 				</button>
 			</div>
 			<div class="options">
 				<h2>Northstar</h2>
 				<div class="option" name="nsargs">
 					<div class="text">
-						Launch options
+						%%gui.settings.nsargs.title%%
 						<div class="desc">
-							Here you can add launch options for Northstar/Titanfall.
+							%%gui.settings.nsargs.desc%%
 						</div>
 					</div>
 					<div class="actions">
@@ -51,9 +51,9 @@
 				<h2>Updates</h2>
 				<div class="option" name="autoupdate">
 					<div class="text">
-						Viper Auto-Updates
+						%%gui.settings.autoupdate.title%%
 						<div class="desc">
-							Viper will automatically keep itself up-to-date.
+							%%gui.settings.autoupdate.desc%%
 						</div>
 					</div>
 					<div class="actions">
@@ -62,9 +62,9 @@
 				</div>
 				<div class="option" name="nsupdate">
 					<div class="text">
-						Northstar Auto-Updates
+						%%gui.settings.nsupdate.title%%
 						<div class="desc">
-							Viper will automatically keep Northstar up-to-date, however it can still manually be updated through the Northstar page.
+							%%gui.settings.nsupdate.desc%%
 						</div>
 					</div>
 					<div class="actions">
@@ -73,13 +73,13 @@
 				</div>
 				<div class="option" name="excludes" type="array">
 					<div class="text">
-						Retain files on update
+						%%gui.settings.excludes.title%%
 						<div class="desc">
-							When Northstar is updated, files specified here will not be overwritten by files from the new Northstar update, unless you know what you're changing, you should probably not change anything here.
+							%%gui.settings.excludes.desc%%
 						</div>
 					</div>
 					<div class="actions">
-						<input>
+						<input type="text">
 					</div>
 				</div>
 			</div>
diff --git a/src/app/main.css b/src/app/main.css
index 0d4b9ad..734f60b 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -251,6 +251,11 @@ button {
 	--spacing: calc(var(--padding) / 3);
 }
 
+.option[type=array] .actions input {
+	word-spacing: 15px;
+	margin-right: 15vw;
+}
+
 .option .actions button {
 	background: var(--selbg);
 }
diff --git a/src/lang/en.json b/src/lang/en.json
index 45bf7c0..47e18c0 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -73,6 +73,19 @@
 	"gui.browser.loading": "Loading mods...",
 	"gui.browser.endoflist": "Maximum packages has been loaded.<br>Use the search for finding other packages!",
 
+	"gui.settings.save": "Save",
+	"gui.settings.discard": "Discard",
+	"gui.settings.title.ns": "Northstar",
+	"gui.settings.title.updates": "Updates",
+	"gui.settings.nsargs.title": "Launch options",
+	"gui.settings.nsargs.desc": "Here you can add launch options for Northstar/Titanfall.",
+	"gui.settings.autoupdate.title": "Viper Auto-Updates",
+	"gui.settings.autoupdate.desc": "Viper will automatically keep itself up-to-date.",
+	"gui.settings.nsupdate.title": "Northstar Auto-Updates",
+	"gui.settings.nsupdate.desc": "Viper will automatically keep Northstar up-to-date, however it can still manually be updated through the Northstar page.",
+	"gui.settings.excludes.title": "Retain files on update",
+	"gui.settings.excludes.desc": "When Northstar is updated, files specified here will not be overwritten by files from the new Northstar update, unless you know what you're changing, you should probably not change anything here. Each file is separated with a space.",
+
 	"gui.update.downloading": "Downloading...",
 	"gui.update.extracting": "Extracting update...",
 	"gui.update.finished": "Done! Ready to play!",