From acf26d9ba5abf0ab7a04eacfbdab6a65750febbd Mon Sep 17 00:00:00 2001
From: Tobias Berger <tobi.berger13@gmail.com>
Date: Sat, 2 Oct 2021 19:33:03 +0200
Subject: [PATCH] Underline default option for settings modal

---
 src/components/Modals/SettingsModal.svelte | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/Modals/SettingsModal.svelte b/src/components/Modals/SettingsModal.svelte
index 68021a6..33f8e3b 100644
--- a/src/components/Modals/SettingsModal.svelte
+++ b/src/components/Modals/SettingsModal.svelte
@@ -19,12 +19,14 @@
               {setting.name}<br />
               <span class="settings-small-description">({setting.description})</span>
             </div>
-            {#each setting.options as option}<button
+            {#each setting.options as option}
+              <button
+                class:default-option={setting.default === option}
                 disabled={setting.current === option}
-                on:click={() => {
-                  setting.current = option;
-                }}>{option}</button
+                on:click={() => (setting.current = option)}
               >
+                {option}
+              </button>
             {/each}
           </div>
         {/each}
@@ -41,7 +43,6 @@
     max-height: 100%;
 
     user-select: none;
-    overflow-y: scroll;
     overflow-wrap: break-word;
 
     > .settings-category {
@@ -64,10 +65,15 @@
             font-size: 80%;
           }
         }
+
         > button {
           font-size: 1em;
           width: 7em;
           height: 2em;
+
+          &.default-option {
+            text-decoration: underline;
+          }
         }
       }
     }