From a87091152d5fe3fbeb1110123f2bed1563c56db5 Mon Sep 17 00:00:00 2001
From: Youwen Wu <youwenw@gmail.com>
Date: Sat, 24 Feb 2024 21:36:26 -0800
Subject: [PATCH] style: update settings input icons

---
 client/src/lib/Apps/Settings/Settings.svelte      | 2 +-
 client/src/lib/Apps/Settings/SettingsInput.svelte | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/src/lib/Apps/Settings/Settings.svelte b/client/src/lib/Apps/Settings/Settings.svelte
index 733d52d..74e4956 100644
--- a/client/src/lib/Apps/Settings/Settings.svelte
+++ b/client/src/lib/Apps/Settings/Settings.svelte
@@ -40,7 +40,7 @@
       RNG Weight
     </SettingsInput>
     <button
-      class="mt-10 px-4 py-2 bg-blue-500 hover:brightness-75 text-medium rounded-lg w-min"
+      class="mt-10 px-4 py-2 bg-amber-600 hover:brightness-75 text-medium rounded-lg w-min"
       on:click={resetSettings}>Reset</button
     >
 
diff --git a/client/src/lib/Apps/Settings/SettingsInput.svelte b/client/src/lib/Apps/Settings/SettingsInput.svelte
index f154d34..74ed9b5 100644
--- a/client/src/lib/Apps/Settings/SettingsInput.svelte
+++ b/client/src/lib/Apps/Settings/SettingsInput.svelte
@@ -28,6 +28,11 @@
     // @ts-expect-error
     value = get(settingsStore)[setting]
   })
+
+  settingsStore.subscribe(data => {
+    // @ts-expect-error
+    value = data[setting]
+  })
 </script>
 
 <span class="flex flex-row gap-2">
@@ -39,10 +44,10 @@
     class="text-slate-800 rounded-lg p-0.5 text-center"
   />
   <button
-    class="bg-blue-500 px-4 py-2 rounded-lg hover:brightness-75 font-medium"
+    class="bg-blue-500 px-2 py-1 rounded-lg hover:brightness-75 font-medium"
     on:click={handleSubmit}
   >
-    Save
+    <span class="material-symbols-outlined mt-1">check</span>
   </button>
   <label
     class="text-xl text-slate-100 font-medium my-auto"