From 1373d16286a55af975ef4f02c995c42f7b6c04e1 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Mon, 28 Oct 2024 23:14:19 +0600
Subject: [PATCH] web/SettingsDropdown: add a separator after first item,
 always lowercase

also split out anything in brackets in preview
---
 web/src/components/settings/SettingsDropdown.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/components/settings/SettingsDropdown.svelte b/web/src/components/settings/SettingsDropdown.svelte
index 585d5e67..9f0aedb3 100644
--- a/web/src/components/settings/SettingsDropdown.svelte
+++ b/web/src/components/settings/SettingsDropdown.svelte
@@ -40,17 +40,20 @@
             </h4>
             <div class="right-side">
                 <span class="selector-current" aria-hidden="true">
-                    {selectedTitle}
+                    {selectedTitle.split("(", 2)[0]}
                 </span>
                 <IconSelector />
             </div>
         </div>
 
         <select on:change={e => onChange(e)} {disabled}>
-            {#each Object.keys(items) as value}
+            {#each Object.keys(items) as value, i}
                 <option {value} selected={selectedOption === value}>
                     {items[value]}
                 </option>
+                {#if i === 0}
+                    <hr>
+                {/if}
             {/each}
         </select>
     </div>
@@ -118,6 +121,7 @@
     .selector select {
         font-size: 13px;
         font-weight: 400;
+        text-transform: lowercase;
     }
 
     .right-side :global(svg) {