From c131dfd2592c125e75a876ee3974c9f270310f78 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Tue, 25 Feb 2025 16:21:36 +0100
Subject: [PATCH] ui fixes

---
 src/lib/highcharts.ts                           | 2 +-
 src/routes/market-flow/+page.svelte             | 1 +
 src/routes/market-flow/sector-flow/+page.svelte | 7 ++++---
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/lib/highcharts.ts b/src/lib/highcharts.ts
index 12d14db6..5b8a658c 100644
--- a/src/lib/highcharts.ts
+++ b/src/lib/highcharts.ts
@@ -17,7 +17,7 @@ if (browser) {
 if (browser) {
 Highcharts.setOptions({
   lang: {
-    numericSymbols: ['k', 'M', 'B', 'T', 'P', 'E']
+    numericSymbols: ['K', 'M', 'B', 'T', 'P', 'E']
   }
 });
 }
diff --git a/src/routes/market-flow/+page.svelte b/src/routes/market-flow/+page.svelte
index 34f99297..5c24132e 100644
--- a/src/routes/market-flow/+page.svelte
+++ b/src/routes/market-flow/+page.svelte
@@ -261,6 +261,7 @@
         backgroundColor: "#09090B",
         plotBackgroundColor: "#09090B",
         height: 360, // Set the maximum height for the chart
+        width: 970,
         animation: false,
       },
 
diff --git a/src/routes/market-flow/sector-flow/+page.svelte b/src/routes/market-flow/sector-flow/+page.svelte
index c35fca97..1b76b12d 100644
--- a/src/routes/market-flow/sector-flow/+page.svelte
+++ b/src/routes/market-flow/sector-flow/+page.svelte
@@ -283,6 +283,7 @@
         backgroundColor: "#09090B",
         plotBackgroundColor: "#09090B",
         height: 360, // Set the maximum height for the chart
+        width: 970,
         animation: false,
       },
 
@@ -490,14 +491,14 @@
               </p>
 
               <div
-                class="flex flex-row items-center justify-between w-full mt-2 sm:mt-0"
+                class="flex flex-col sm:flex-row items-start sm:items-center sm:justify-between w-full mt-2 sm:mt-0"
               >
-                <div class="text-white text-sm italic mt-5 mb-3">
+                <div class="text-white text-xs sm:text-sm italic mt-5 mb-5">
                   Last Updated: {formatDate(
                     findLastNonNull(marketTideData, "time"),
                   )}
                 </div>
-                <div class="relative inline-block text-left w-fit">
+                <div class="relative inline-block text-left w-fit mb-3 sm:mb-0">
                   <DropdownMenu.Root>
                     <DropdownMenu.Trigger asChild let:builder>
                       <Button