From c51d2d4c39f100c4f43c7834fa63c1c7cb81c44c Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sun, 11 Aug 2024 20:28:17 +0200
Subject: [PATCH] ui fix

---
 src/routes/stocks/[tickerID]/analyst/+page.svelte |  4 ++--
 src/routes/stocks/[tickerID]/insider/+page.svelte | 12 ++++++------
 src/routes/stocks/[tickerID]/options/+page.svelte |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/routes/stocks/[tickerID]/analyst/+page.svelte b/src/routes/stocks/[tickerID]/analyst/+page.svelte
index d3dd6ee0..deaff06d 100644
--- a/src/routes/stocks/[tickerID]/analyst/+page.svelte
+++ b/src/routes/stocks/[tickerID]/analyst/+page.svelte
@@ -359,8 +359,8 @@ changeTab(0)
                         <UpgradeToPro data={data} title="Get stock forecasts from Wall Street's highest rated professionals"/>
 
                     {:else}
-                    <div class="flex justify-center items-center m-auto mt-10 mb-6">
-                        <div class="text-gray-100 text-sm sm:text-[1rem] rounded-lg h-auto border border-slate-800 p-4">
+                    <div class="w-full flex justify-start items-center m-auto mt-10 mb-6">
+                        <div class="text-center w-fit text-gray-100 text-sm sm:text-[1rem] rounded-lg h-auto border border-slate-800 p-4">
                         <svg class="w-5 h-5 inline-block sm:mr-1 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="#a474f6" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"/></svg>
                             Wall Street analysts have not provided any ratings for  {$displayCompanyName}
                         </div>
diff --git a/src/routes/stocks/[tickerID]/insider/+page.svelte b/src/routes/stocks/[tickerID]/insider/+page.svelte
index 265037ae..ba37d1fc 100644
--- a/src/routes/stocks/[tickerID]/insider/+page.svelte
+++ b/src/routes/stocks/[tickerID]/insider/+page.svelte
@@ -313,9 +313,14 @@ onMount(async() => {
                       </h1>
   
 
-                        <div class="text-white p-3 sm:p-5 mb-5 rounded-lg sm:flex sm:flex-row sm:items-center border border-slate-800 text-sm sm:text-[1rem]">
+                        <div class="w-fit text-white p-3 sm:p-5 mb-5 rounded-lg sm:flex sm:flex-row sm:items-center border border-slate-800 text-sm sm:text-[1rem]">
                           <svg class="w-6 h-6 flex-shrink-0 inline-block sm:mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="#a474f6" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"/></svg>
+                        
+                          {#if insiderTradingList?.length !== 0}
                           Get detailed insights of Insiders who bought or sold {$displayCompanyName} and the amounts involved!
+                            {:else}
+                            No trading history available for {$displayCompanyName}. Likely no insider trading has happened yet.
+                          {/if}
                         </div>
                         
                         {#if insiderTradingList?.length !== 0}
@@ -576,11 +581,6 @@ onMount(async() => {
 
 
           
-      
-                      {:else} 
-                      <h2 class="pl-4 pr-4 flex justify-center items-center text-md sm:text-lg text-center text-slate-200">
-                        No trading history available for {$displayCompanyName}. Likely no insider trading has happened yet.
-                      </h2>
                       {/if}
 
 
diff --git a/src/routes/stocks/[tickerID]/options/+page.svelte b/src/routes/stocks/[tickerID]/options/+page.svelte
index be55b513..692bc3c4 100644
--- a/src/routes/stocks/[tickerID]/options/+page.svelte
+++ b/src/routes/stocks/[tickerID]/options/+page.svelte
@@ -295,7 +295,7 @@
                                     Unsual Options Activity
                                 </h2>
         
-                                <div class="text-white p-3 sm:p-5 mb-5 rounded-lg sm:flex sm:flex-row sm:items-center border border-slate-800 text-sm sm:text-[1rem]">
+                                <div class="w-fit text-white p-3 sm:p-5 mb-5 rounded-lg sm:flex sm:flex-row sm:items-center border border-slate-800 text-sm sm:text-[1rem]">
                                   <svg class="w-6 h-6 flex-shrink-0 inline-block sm:mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="#a474f6" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"/></svg>
                                   
                                   {#if optionsPlotData?.length !== 0}