From 43122069a282f4594653ede9402ba330b7f39e84 Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sun, 20 Feb 2022 20:59:58 +0100
Subject: more UI changes

I added descriptions and options for excluding files.
---
 src/app/index.html | 24 ++++++++++++++++++++++--
 src/app/main.css   |  9 ++++++++-
 2 files changed, 30 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/app/index.html b/src/app/index.html
index 5ca9306..7a919b1 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -40,6 +40,9 @@
 				<div class="option">
 					<div class="text">
 						Launch options
+						<div class="desc">
+							Here you can add launch options for Northstar/Titanfall.
+						</div>
 					</div>
 					<div class="actions">
 						<input>
@@ -48,7 +51,10 @@
 				<h2>Updates</h2>
 				<div class="option">
 					<div class="text">
-						Northstar Auto-Updates
+						Viper Auto-Updates
+						<div class="desc">
+							Viper will automatically keep itself up-to-date.
+						</div>
 					</div>
 					<div class="actions">
 						<button class="switch on"></button>
@@ -56,12 +62,26 @@
 				</div>
 				<div class="option">
 					<div class="text">
-						Viper Auto-Updates
+						Northstar Auto-Updates
+						<div class="desc">
+							Viper will automatically keep Northstar up-to-date, however it can still manually be updated through the Northstar page.
+						</div>
 					</div>
 					<div class="actions">
 						<button class="switch on"></button>
 					</div>
 				</div>
+				<div class="option">
+					<div class="text">
+						Retain files on update
+						<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.
+						</div>
+					</div>
+					<div class="actions">
+						<input>
+					</div>
+				</div>
 			</div>
 		</div>
 
diff --git a/src/app/main.css b/src/app/main.css
index 09dc4b3..0d4b9ad 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -236,7 +236,14 @@ button {
 	justify-content: space-between;
 }
 
-.option .actions text {opacity: 0.8}
+.option .text {font-weight: 600}
+.option .text .desc {
+	opacity: 0.8;
+	font-weight: 500;
+	font-size: 0.9em;
+	max-width: 400px;
+	margin-top: calc(var(--padding) / 3);
+}
 
 .option .actions input {
 	width: 100%;
-- 
cgit v1.2.3