From 88efbbbe20c951ac207c06670a3703d2e5a77bb4 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Thu, 10 Apr 2025 13:31:57 +0200
Subject: [PATCH] ui fix

---
 src/routes/etf/[tickerID]/history/+page.svelte     |  4 +++-
 src/routes/index/[tickerID]/history/+page.svelte   |  4 +++-
 src/routes/market-flow/sector-flow/+page.svelte    |  4 +++-
 src/routes/options-calculator/+page.svelte         |  4 +++-
 src/routes/stock-screener/+page.svelte             | 12 ++++++++----
 src/routes/stocks/[tickerID]/history/+page.svelte  |  4 +++-
 .../[tickerID]/profile/employees/+page.svelte      |  4 +++-
 src/routes/watchlist/stocks/+page.svelte           | 14 +++++++-------
 8 files changed, 33 insertions(+), 17 deletions(-)

diff --git a/src/routes/etf/[tickerID]/history/+page.svelte b/src/routes/etf/[tickerID]/history/+page.svelte
index e7e1aa3d..00feed65 100644
--- a/src/routes/etf/[tickerID]/history/+page.svelte
+++ b/src/routes/etf/[tickerID]/history/+page.svelte
@@ -315,7 +315,9 @@
                     <DropdownMenu.Content
                       class="w-56 h-fit max-h-72 overflow-y-auto scroller"
                     >
-                      <DropdownMenu.Label class="text-muted dark:text-gray-400">
+                      <DropdownMenu.Label
+                        class="text-muted dark:text-gray-400 font-normal"
+                      >
                         Select time frame
                       </DropdownMenu.Label>
                       <DropdownMenu.Separator />
diff --git a/src/routes/index/[tickerID]/history/+page.svelte b/src/routes/index/[tickerID]/history/+page.svelte
index a342ccdc..6289ebb2 100644
--- a/src/routes/index/[tickerID]/history/+page.svelte
+++ b/src/routes/index/[tickerID]/history/+page.svelte
@@ -316,7 +316,9 @@
                     <DropdownMenu.Content
                       class="w-56 h-fit max-h-72 overflow-y-auto scroller"
                     >
-                      <DropdownMenu.Label class="text-muted dark:text-gray-400">
+                      <DropdownMenu.Label
+                        class="text-muted dark:text-gray-400 font-normal"
+                      >
                         Select time frame
                       </DropdownMenu.Label>
                       <DropdownMenu.Separator />
diff --git a/src/routes/market-flow/sector-flow/+page.svelte b/src/routes/market-flow/sector-flow/+page.svelte
index af436cd9..c99908c8 100644
--- a/src/routes/market-flow/sector-flow/+page.svelte
+++ b/src/routes/market-flow/sector-flow/+page.svelte
@@ -544,7 +544,9 @@
                     <DropdownMenu.Content
                       class="w-56 h-fit max-h-72 overflow-y-auto scroller"
                     >
-                      <DropdownMenu.Label class="text-muted dark:text-gray-400">
+                      <DropdownMenu.Label
+                        class="text-muted dark:text-gray-400 font-normal"
+                      >
                         Select Sector
                       </DropdownMenu.Label>
                       <DropdownMenu.Separator />
diff --git a/src/routes/options-calculator/+page.svelte b/src/routes/options-calculator/+page.svelte
index 6122aef2..efed45b9 100644
--- a/src/routes/options-calculator/+page.svelte
+++ b/src/routes/options-calculator/+page.svelte
@@ -932,7 +932,9 @@
                     <DropdownMenu.Content
                       class="w-56 h-fit max-h-72 overflow-y-auto scroller"
                     >
-                      <DropdownMenu.Label class="text-muted dark:text-gray-400">
+                      <DropdownMenu.Label
+                        class="text-muted dark:text-gray-400 font-normal"
+                      >
                         Select Strategy
                       </DropdownMenu.Label>
                       <DropdownMenu.Separator />
diff --git a/src/routes/stock-screener/+page.svelte b/src/routes/stock-screener/+page.svelte
index abdd674c..71d4f752 100644
--- a/src/routes/stock-screener/+page.svelte
+++ b/src/routes/stock-screener/+page.svelte
@@ -2540,7 +2540,9 @@ const handleKeyDown = (event) => {
               <DropdownMenu.Content
                 class="w-56 h-fit max-h-72 overflow-y-auto scroller"
               >
-                <DropdownMenu.Label class="text-muted dark:text-gray-400">
+                <DropdownMenu.Label
+                  class="text-muted dark:text-gray-400 font-normal"
+                >
                   Popular Strategies
                 </DropdownMenu.Label>
                 <DropdownMenu.Separator />
@@ -2626,7 +2628,9 @@ const handleKeyDown = (event) => {
               <DropdownMenu.Content
                 class="w-56 h-fit max-h-72 overflow-y-auto scroller"
               >
-                <DropdownMenu.Label class="text-muted dark:text-gray-400">
+                <DropdownMenu.Label
+                  class="text-muted dark:text-gray-400 font-normal"
+                >
                   <DropdownMenu.Trigger asChild let:builder>
                     <Button
                       on:click={handleCreateStrategy}
@@ -3078,8 +3082,8 @@ const handleKeyDown = (event) => {
                                 'country',
                               ]?.includes(row?.rule)
                                 ? 'hidden'
-                                : ''} absolute fixed sticky w-full border-0 bg-white dark:bg-default border-b border-gray-200
-                                      focus:border-gray-200 focus:ring-0 placeholder:text-gray-500 dark:placeholder:text-gray-300"
+                                : ''} text-sm p-2 absolute fixed sticky w-full border-0 bg-white dark:bg-default border-b border-gray-200 dark:border-gray-600
+                                      focus:outline-none placeholder:text-gray-500 dark:placeholder:text-gray-300"
                               type="search"
                               placeholder="Search..."
                             />
diff --git a/src/routes/stocks/[tickerID]/history/+page.svelte b/src/routes/stocks/[tickerID]/history/+page.svelte
index c9f2f62f..3de0a6d6 100644
--- a/src/routes/stocks/[tickerID]/history/+page.svelte
+++ b/src/routes/stocks/[tickerID]/history/+page.svelte
@@ -316,7 +316,9 @@
                     <DropdownMenu.Content
                       class="w-56 h-fit max-h-72 overflow-y-auto scroller"
                     >
-                      <DropdownMenu.Label class="text-muted dark:text-gray-400">
+                      <DropdownMenu.Label
+                        class="text-muted dark:text-gray-400 font-normal"
+                      >
                         Select time frame
                       </DropdownMenu.Label>
                       <DropdownMenu.Separator />
diff --git a/src/routes/stocks/[tickerID]/profile/employees/+page.svelte b/src/routes/stocks/[tickerID]/profile/employees/+page.svelte
index 8b74654d..0273bbd2 100644
--- a/src/routes/stocks/[tickerID]/profile/employees/+page.svelte
+++ b/src/routes/stocks/[tickerID]/profile/employees/+page.svelte
@@ -450,7 +450,9 @@
                   <DropdownMenu.Content
                     class="w-56 h-fit max-h-72 overflow-y-auto scroller"
                   >
-                    <DropdownMenu.Label class="text-muted dark:text-gray-400">
+                    <DropdownMenu.Label
+                      class="text-muted dark:text-gray-400 font-normal"
+                    >
                       Select Type
                     </DropdownMenu.Label>
                     <DropdownMenu.Separator />
diff --git a/src/routes/watchlist/stocks/+page.svelte b/src/routes/watchlist/stocks/+page.svelte
index 6175a9c2..ef027aa0 100644
--- a/src/routes/watchlist/stocks/+page.svelte
+++ b/src/routes/watchlist/stocks/+page.svelte
@@ -1114,7 +1114,7 @@
                     <DropdownMenu.Trigger asChild let:builder>
                       <Button
                         builders={[builder]}
-                        class="shadow-sm min-w-[110px] w-full sm:w-fit border-gray-300 bg-white dark:bg-default dark:border-gray-600 border sm:hover:bg-gray-200 dark:sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2.5  rounded truncate"
+                        class="shadow-sm min-w-[110px] w-full sm:w-fit border-gray-300 bg-white dark:bg-default dark:border-gray-600 border sm:hover:bg-gray-200 dark:sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-1.5  rounded truncate"
                       >
                         <span
                           class="truncate font-medium text-sm sm:text-[1rem]"
@@ -1235,7 +1235,7 @@
                     {/if}
                     <label
                       on:click={handleEditMode}
-                      class="shadow-sm border text-sm border-gray-300 dark:border-gray-600 sm:ml-3 cursor-pointer inline-flex items-center justify-center space-x-1 whitespace-nowrap rounded py-2 px-3 sm:hover:bg-gray-200 dark:sm:hover:bg-primary ease-out sm:hover:text-red-500"
+                      class="shadow-sm border text-sm border-gray-300 dark:border-gray-600 sm:ml-3 cursor-pointer inline-flex items-center justify-center space-x-1 whitespace-nowrap rounded py-1.5 px-3 sm:hover:bg-gray-200 dark:sm:hover:bg-primary ease-out"
                     >
                       <svg
                         class="inline-block w-5 h-5"
@@ -1301,12 +1301,12 @@
                     </div>
                     {#if inputValue?.length !== 0}
                       <Combobox.Content
-                        class="w-auto z-10 rounded border border-gray-300 dark:border-gray-700 bg-white dark:bg-default px-1 py-3 shadow-sm outline-hidden"
+                        class="w-auto z-10 rounded border border-gray-300 dark:border-gray-700 bg-white dark:bg-default px-1 py-1.5 shadow-sm outline-hidden"
                         sideOffset={8}
                       >
                         {#each searchBarData as item}
                           <Combobox.Item
-                            class="cursor-pointer border-b border-gray-300 dark:border-gray-600 last:border-none flex h-fit w-auto select-none items-center rounded-button py-3 pl-5 pr-1.5 text-sm capitalize outline-hidden transition-all duration-75 data-highlighted:bg-gray-200 dark:data-highlighted:bg-primary"
+                            class="cursor-pointer border-b border-gray-300 dark:border-gray-600 last:border-none flex h-fit w-auto select-none items-center rounded-button py-1.5 pl-5 pr-1.5 text-sm capitalize outline-hidden transition-all duration-75 data-highlighted:bg-gray-200 dark:data-highlighted:bg-primary"
                             value={item?.symbol}
                             label={item?.name}
                             on:click={(e) => handleAddTicker(e, item?.symbol)}
@@ -2064,7 +2064,7 @@
 
   <div
     class="modal-box w-full p-6 rounded shadow-sm border
-        bg-white dark:bg-[#17181C] border border-gray-300 dark:border-gray-800"
+        bg-white dark:bg-secondary border border-gray-300 dark:border-gray-600"
   >
     <h3 class="text-lg font-medium mb-2">Delete Watchlist</h3>
     <p class="text-sm mb-6">
@@ -2075,8 +2075,8 @@
       <label
         for="deleteWatchlist"
         class="cursor-pointer px-4 py-2 rounded text-sm font-medium
-            transition-colors duration-200
-            bg-zinc-800 text-zinc-300 hover:bg-zinc-700"
+            transition-colors duration-100
+            bg-gray-600 text-white dark:bg-white dark:text-black"
         tabindex="0">Cancel</label
       ><label
         for="deleteWatchlist"