From ad6a68eac0ccd457df1a0f9b9d36d3bf37bbd6f8 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sat, 17 Aug 2024 09:51:24 +0200
Subject: [PATCH] ui fix

---
 src/routes/market-mover/+page.svelte | 11 +----------
 src/routes/price-alert/+page.svelte  |  7 ++++---
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/routes/market-mover/+page.svelte b/src/routes/market-mover/+page.svelte
index 4eacb7e2..fe719db0 100644
--- a/src/routes/market-mover/+page.svelte
+++ b/src/routes/market-mover/+page.svelte
@@ -216,17 +216,8 @@ function selectTimeInterval(interval) {
 }
 
 let sortBy = 'change'; // Default sorting by change percentage
-let charNumber = 30;
 
-$: {
-  if($screenWidth < 640)
-  {
-    charNumber = 20;
-  }
-  else {
-    charNumber =30;
-  }
-}
+$: charNumber = $screenWidth < 640 ? 20 : 30;
 
 </script>
 
diff --git a/src/routes/price-alert/+page.svelte b/src/routes/price-alert/+page.svelte
index 2c189eb2..783e9443 100644
--- a/src/routes/price-alert/+page.svelte
+++ b/src/routes/price-alert/+page.svelte
@@ -261,15 +261,16 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
           Stock Indexes - {getCurrentDateFormatted()}
         </div>
     
-        <div class="w-full -mt-4 sm:mt-0 mb-8 m-auto flex justify-center items-center p-3 sm:p-0">
-          <div class="w-full grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-y-3 lg:gap-y-0 gap-x-3 ">
+        <div class="w-full -mt-4 sm:mt-0 mb-8 m-auto flex justify-start sm:justify-center items-center p-3 sm:p-0">
+          <div class="w-full grid grid-cols-2 md:grid-cols-4 gap-y-3 lg:gap-y-0 gap-x-3 ">
           <MiniPlot title="S&P500" priceData = {priceDataSP500} changesPercentage={changeSP500} previousClose={previousCloseSP500}/>
           <MiniPlot title="Nasdaq" priceData = {priceDataNasdaq} changesPercentage={changeNasdaq} previousClose={previousCloseNasdaq}/>
           <MiniPlot title="Dow" priceData = {priceDataDowJones} changesPercentage={changeDowJones} previousClose={previousCloseDowJones}/>
           <MiniPlot title="Russel" priceData = {priceDataRussel2000} changesPercentage={changeRussel2000} previousClose={previousCloseRussel2000}/>
           </div>
         </div>
-    
+      
+      
         
     
             {#if priceAlertList?.length === 0}