From 6bb42429e56ccdc592b3799f9ec9cc795cc29764 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thea=20Sch=C3=B6bl?= <dev@theaninova.de>
Date: Thu, 21 Dec 2023 18:23:47 +0100
Subject: [PATCH] feat: add change indicator on settings page

---
 src/routes/config/settings/+page.svelte | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/routes/config/settings/+page.svelte b/src/routes/config/settings/+page.svelte
index 9d636a41..2f2c9696 100644
--- a/src/routes/config/settings/+page.svelte
+++ b/src/routes/config/settings/+page.svelte
@@ -188,6 +188,7 @@
     }
 
     > label {
+      position: relative;
       display: flex;
       gap: 16px;
       align-items: center;
@@ -263,7 +264,14 @@
   }
 
   // stylelint-disable-next-line
-  form label:has(:global(.pending-changes)) {
-    color: var(--md-sys-color-tertiary);
+  label:global(:has(.pending-changes)) {
+    color: var(--md-sys-color-primary);
+
+    &::before {
+      position: absolute;
+      top: 0.5em;
+      right: 0.25em;
+      content: "•";
+    }
   }
 </style>