From 3d9b35ac675fb942c1fcbc9eb81cc44e3dbeaee3 Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sun, 12 Jun 2022 16:55:28 +0200
Subject: added icons to the settings popup

Only on the titles, putting them only on the options or on both the
title and options would be far too much, just the title is perfect.
---
 src/app/css/popups.css     |  14 ++++++++++++++
 src/app/icons/game.png     | Bin 0 -> 1454 bytes
 src/app/icons/language.png | Bin 0 -> 7132 bytes
 src/app/icons/updates.png  | Bin 0 -> 10300 bytes
 src/app/index.html         |  20 ++++++++++++++++----
 5 files changed, 30 insertions(+), 4 deletions(-)
 create mode 100644 src/app/icons/game.png
 create mode 100644 src/app/icons/language.png
 create mode 100644 src/app/icons/updates.png

diff --git a/src/app/css/popups.css b/src/app/css/popups.css
index bff7d07..59f6630 100644
--- a/src/app/css/popups.css
+++ b/src/app/css/popups.css
@@ -350,4 +350,18 @@
 	background: rgb(var(--red));
 }
 
+.title {
+	display: flex;
+}
+
+.title img {
+	width: 30px;
+	height: 30px;
+	margin: auto 0;
+}
+
+.title h2 {
+	margin-left: calc(var(--padding) / 3);
+}
+
 /* } */
diff --git a/src/app/icons/game.png b/src/app/icons/game.png
new file mode 100644
index 0000000..7db058f
Binary files /dev/null and b/src/app/icons/game.png differ
diff --git a/src/app/icons/language.png b/src/app/icons/language.png
new file mode 100644
index 0000000..011e1f9
Binary files /dev/null and b/src/app/icons/language.png differ
diff --git a/src/app/icons/updates.png b/src/app/icons/updates.png
new file mode 100644
index 0000000..4b505ee
Binary files /dev/null and b/src/app/icons/updates.png differ
diff --git a/src/app/index.html b/src/app/index.html
index 0255dd6..819caac 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -36,7 +36,10 @@
 				</button>
 			</div>
 			<div class="options">
-				<h2>%%gui.settings.title.ns%%</h2>
+				<div class="title">
+					<img src="icons/game.png">
+					<h2>%%gui.settings.title.ns%%</h2>
+				</div>
 				<div class="option" name="nsargs">
 					<div class="text">
 						%%gui.settings.nsargs.title%%
@@ -48,7 +51,10 @@
 						<input>
 					</div>
 				</div>
-				<h2>%%gui.settings.title.language%%</h2>
+				<div class="title">
+					<img src="icons/language.png">
+					<h2>%%gui.settings.title.language%%</h2>
+				</div>
 				<div class="option" name="autolang">
 					<div class="text">
 						%%gui.settings.autolang.title%%
@@ -73,7 +79,10 @@
 						</select>
 					</div>
 				</div>
-				<h2>%%gui.settings.title.updates%%</h2>
+				<div class="title">
+					<img src="icons/updates.png">
+					<h2>%%gui.settings.title.updates%%</h2>
+				</div>
 				<div class="option" name="autoupdate">
 					<div class="text">
 						%%gui.settings.autoupdate.title%%
@@ -107,7 +116,10 @@
 						<input type="text">
 					</div>
 				</div>
-				<h2>%%gui.settings.title.misc%%</h2>
+				<div class="title">
+					<img src="icons/settings.png">
+					<h2>%%gui.settings.title.misc%%</h2>
+				</div>
 				<div class="option" name="originkill">
 					<div class="text">
 						%%gui.settings.originkill.title%%
-- 
cgit v1.2.3