From f8f2051d7686217eb9c6638d53ba3559dcf087d6 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Wed, 12 Mar 2025 00:24:28 +0100
Subject: [PATCH] ui fix

---
 src/routes/etf/[tickerID]/+page.svelte    | 4 ++--
 src/routes/stocks/[tickerID]/+page.svelte | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes/etf/[tickerID]/+page.svelte b/src/routes/etf/[tickerID]/+page.svelte
index 0fb60474..d40f1a72 100644
--- a/src/routes/etf/[tickerID]/+page.svelte
+++ b/src/routes/etf/[tickerID]/+page.svelte
@@ -679,7 +679,7 @@
             >
               <div class="flex items-center justify-between py-1 sm:pt-0.5">
                 <div class="hide-scroll overflow-x-auto">
-                  <ul class="flex space-x-2">
+                  <ul class="flex sm:space-x-2">
                     {#each intervals as interval}
                       <li>
                         <button
@@ -705,7 +705,7 @@
                   <span
                     class={displayLegend?.graphChange >= 0
                       ? "before:content-['+'] text-green-600 dark:text-[#00FC50]"
-                      : "text-[#FF2F1F]"}
+                      : "text-red-600 dark:text-[#FF2F1F]"}
                   >
                     {displayLegend?.graphChange ??
                       data?.getStockQuote?.changesPercentage?.toFixed(2)}%
diff --git a/src/routes/stocks/[tickerID]/+page.svelte b/src/routes/stocks/[tickerID]/+page.svelte
index e3600e94..7f1e373a 100644
--- a/src/routes/stocks/[tickerID]/+page.svelte
+++ b/src/routes/stocks/[tickerID]/+page.svelte
@@ -685,7 +685,7 @@
             >
               <div class="flex items-center justify-between py-1 sm:pt-0.5">
                 <div class="hide-scroll overflow-x-auto">
-                  <ul class="flex space-x-2">
+                  <ul class="flex sm:space-x-2">
                     {#each intervals as interval}
                       <li>
                         <button
@@ -711,7 +711,7 @@
                   <span
                     class={displayLegend?.graphChange >= 0
                       ? "before:content-['+'] text-green-600 dark:text-[#00FC50]"
-                      : "text-[#FF2F1F]"}
+                      : "text-red-600 dark:text-[#FF2F1F]"}
                   >
                     {displayLegend?.graphChange ??
                       data?.getStockQuote?.changesPercentage?.toFixed(2)}%