added tiny checkmark to filter selection

Slightly better UX I guess?

2 files changed, 6 insertions, 2 deletions

diff --git a/src/app/icons/check.png b/src/app/icons/check.png
new file mode 100644
index 0000000..6c7f43f
--- /dev/null
+++ b/src/app/icons/check.png
diff --git a/src/app/main.css b/src/app/main.css
index bd52df1..3f542ec 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -268,15 +268,19 @@ button {
 	width: 1em;
 	height: 1em;
 	content: " ";
+    background-size: 75%;
 	filter: brightness(1.3);
-	background: var(--selbg);
+    background-position: center;
+    background-repeat: no-repeat;
 	transition: 0.15s ease-in-out;
+	background-color: var(--selbg);
 	margin-right: calc(var(--spacing) / 3);
 	border-radius: calc(var(--spacing) / 4);
 }
 
 .check.checked::before {
-	background: rgb(var(--red));
+	background-color: rgb(var(--red));
+    background-image: url(icons/check.png);
 }
 
 .option .text {font-weight: 600}