From 351e04ce53f54ab080369519268de4d3440d344f Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Thu, 16 Jan 2025 15:19:15 +0100
Subject: [PATCH] ui fix

---
 src/lib/components/Searchbar.svelte                | 14 ++++++++------
 .../statistics/price-reaction/+page.svelte         |  8 ++++----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/Searchbar.svelte b/src/lib/components/Searchbar.svelte
index 1079aa7b..8c9fe8eb 100644
--- a/src/lib/components/Searchbar.svelte
+++ b/src/lib/components/Searchbar.svelte
@@ -285,13 +285,15 @@
         onSelectedChange={(state) => handleKeyDown(state?.value)}
       >
         <div class="relative w-full">
-          <div class="absolute inset-y-0 left-0 flex items-center pl-2.5">
+          <div
+            class="absolute inset-y-0 left-0 flex items-center pl-2.5 text-gray-400"
+          >
             <svg
               class="text-icon h-5 w-5"
               fill="none"
               stroke-linecap="round"
               stroke-linejoin="round"
-              stroke-width="3"
+              stroke-width="2"
               stroke="currentColor"
               viewBox="0 0 24 24"
               style="max-width: 40px"
@@ -328,8 +330,8 @@
               <div
                 class="pointer-events-none absolute end-6 top-2.5 gap-1 opacity-80 rtl:flex-row-reverse hidden lg:flex"
               >
-                <kbd class="kbd kbd-sm">ctrl</kbd>
-                <kbd class="kbd kbd-sm">K</kbd>
+                <kbd class="kbd kbd-sm bg-[#1C2128] text-gray-400">ctrl</kbd>
+                <kbd class="kbd kbd-sm bg-[#1C2128] text-gray-400">K</kbd>
               </div>
             {/if}
           </div>
@@ -499,8 +501,8 @@
                   href={`/${item?.type === "ETF" ? "etf" : item?.type === "Crypto" ? "crypto" : "stocks"}/${item?.symbol}`}
                   on:click={() => popularTicker(item?.symbol)}
                   class="mb-2 {item?.symbol === focusedSuggestion
-                    ? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-primary rounded group'
-                    : 'shake-ticker cursor-pointer bg-secondary sm:hover:bg-primary rounded-md flex justify-start items-center p-2 text-white  group'} w-full"
+                    ? 'cursor-pointer flex justify-start items-center p-2 text-white bg-primary rounded group'
+                    : 'cursor-pointer bg-secondary sm:hover:bg-primary rounded-md flex justify-start items-center p-2 text-white  group'} w-full"
                 >
                   <div class="flex flex-row items-center w-full">
                     <div class="flex flex-col">
diff --git a/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte b/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte
index d72dd4fd..054afa0e 100644
--- a/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte
+++ b/src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte
@@ -312,7 +312,7 @@
                       ></td><td
                         class="px-4 last:pr-11 w-17 last:w-24.5 border-primary px-3.5 py-0.5 border-l border-l-violet-500 px-1 text-right"
                         ><div
-                          class="w-full whitespace-nowrap rounded-sm badge text-white text-sm sm:text-[1rem] font-medium {item?.open_change_percent >=
+                          class="w-full whitespace-nowrap rounded-sm border-gray-800 badge text-white text-sm sm:text-[1rem] font-medium {item?.open_change_percent >=
                           0
                             ? "bg-positive bg-opacity-[0.5] before:content-['+'] "
                             : 'bg-negative bg-opacity-[0.6]'}"
@@ -322,7 +322,7 @@
                       ><td
                         class="px-4 last:pr-11 w-17 last:w-24.5 border-primary px-3.5 py-0.5 px-1 text-right"
                         ><div
-                          class="w-full whitespace-nowrap rounded-sm badge text-white text-sm sm:text-[1rem] font-medium {item?.high_change_percent >=
+                          class="w-full whitespace-nowrap rounded-sm border-gray-800 badge text-white text-sm sm:text-[1rem] font-medium {item?.high_change_percent >=
                           0
                             ? "bg-positive bg-opacity-[0.5] before:content-['+'] "
                             : 'bg-negative bg-opacity-[0.6]'}"
@@ -332,7 +332,7 @@
                       ><td
                         class="px-4 last:pr-11 w-17 last:w-24.5 border-primary px-3.5 py-0.5 px-1 text-right"
                         ><div
-                          class="w-full whitespace-nowrap rounded-sm badge text-white text-sm sm:text-[1rem] font-medium {item?.low_change_percent >=
+                          class="w-full whitespace-nowrap rounded-sm border-gray-800 badge text-white text-sm sm:text-[1rem] font-medium {item?.low_change_percent >=
                           0
                             ? "bg-positive bg-opacity-[0.5] before:content-['+'] "
                             : 'bg-negative bg-opacity-[0.6]'}"
@@ -342,7 +342,7 @@
                       ><td
                         class="px-4 last:pr-11 w-17 last:w-24.5 border-primary px-3.5 py-0.5 border-r border-r-violet-500 px-1 text-right"
                         ><div
-                          class="w-full whitespace-nowrap rounded-sm badge text-white text-sm sm:text-[1rem] font-medium {item?.close_change_percent >=
+                          class="w-full whitespace-nowrap rounded-sm border-gray-800 badge text-white text-sm sm:text-[1rem] font-medium {item?.close_change_percent >=
                           0
                             ? "bg-positive bg-opacity-[0.5] before:content-['+'] "
                             : 'bg-negative bg-opacity-[0.6]'}"