From 961fd08a54301b53709755e9f6f4d398029f8902 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Wed, 14 Aug 2024 00:31:02 +0200
Subject: [PATCH] ui fix

---
 src/lib/components/AnalystEstimate.svelte |  2 +-
 src/lib/components/BorrowedShare.svelte   |  2 +-
 src/lib/components/DarkPool.svelte        |  2 +-
 src/lib/components/FailToDeliver.svelte   |  4 ++--
 src/lib/components/MarketMaker.svelte     |  2 +-
 src/lib/components/RetailVolume.svelte    |  2 +-
 src/lib/components/ShareStatistics.svelte | 10 +++++-----
 7 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/lib/components/AnalystEstimate.svelte b/src/lib/components/AnalystEstimate.svelte
index b1f109fa..19ffbe6c 100644
--- a/src/lib/components/AnalystEstimate.svelte
+++ b/src/lib/components/AnalystEstimate.svelte
@@ -282,7 +282,7 @@ $: {
 
                 
                 
-                <div class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-6 m-auto  overflow-x-scroll">
+                <div class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-6 m-auto overflow-x-scroll pr-5 sm:pr-0">
                     <table class="table table-sm shaodow table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]">
                         <thead class="">
                         <tr class="">
diff --git a/src/lib/components/BorrowedShare.svelte b/src/lib/components/BorrowedShare.svelte
index 535ed634..0d9a4ca5 100644
--- a/src/lib/components/BorrowedShare.svelte
+++ b/src/lib/components/BorrowedShare.svelte
@@ -298,7 +298,7 @@ function findLowestAndHighestFee(data, lastDateStr) {
                       <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
                           <span>Date</span>
                       </td>
-                      <td class="px-[5px] py-1.5 text-right text-sm sm:text-[1rem] font-medium xs:px-2.5 xs:py-2">
+                      <td class="px-[5px] py-1.5 text-right whitespace-nowrap font-medium xs:px-2.5 xs:py-2">
                         {formatDateRange(rawData?.slice(-1)?.at(0)?.date)}
                       </td>
                   </tr>
diff --git a/src/lib/components/DarkPool.svelte b/src/lib/components/DarkPool.svelte
index 76898650..b5a35931 100644
--- a/src/lib/components/DarkPool.svelte
+++ b/src/lib/components/DarkPool.svelte
@@ -281,7 +281,7 @@ $: {
                       <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
                           <span>Date</span>
                       </td>
-                      <td class="px-[5px] py-1.5 text-sm sm:text-[1rem] text-right font-medium xs:px-2.5 xs:py-2">
+                      <td class="px-[5px] py-1.5 whitespace-nowrap text-right font-medium xs:px-2.5 xs:py-2">
                         { formatDateRange(rawData?.slice(-1)?.at(0)?.date)}
                       </td>
                   </tr>
diff --git a/src/lib/components/FailToDeliver.svelte b/src/lib/components/FailToDeliver.svelte
index e3dc0fba..c437b162 100644
--- a/src/lib/components/FailToDeliver.svelte
+++ b/src/lib/components/FailToDeliver.svelte
@@ -261,7 +261,7 @@ function findLowestAndHighestPrice(data, lastDateStr) {
         {#if rawData?.length !== 0}
   
         <div class="w-full flex flex-col items-start">
-            <div class="text-white text-sm sm:text-[1rem] mt-2 mb-2 w-full">
+            <div class="text-white text-[1rem] mt-2 mb-2 w-full">
                 Over the past year, {$displayCompanyName} has seen a monthly average of
                 <span class="font-semibold">{abbreviateNumber(avgFailToDeliver)}</span> fail to deliver shares.
             </div>
@@ -307,7 +307,7 @@ function findLowestAndHighestPrice(data, lastDateStr) {
                       <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
                           <span>Date</span>
                       </td>
-                      <td class="px-[5px] py-1.5 text-right text-sm sm:text-[1rem] font-medium xs:px-2.5 xs:py-2">
+                      <td class="px-[5px] py-1.5 text-right whitespace-nowrap font-medium xs:px-2.5 xs:py-2">
                         {formatDateRange(rawData?.slice(-1)?.at(0)?.date)}
                       </td>
                   </tr>
diff --git a/src/lib/components/MarketMaker.svelte b/src/lib/components/MarketMaker.svelte
index 82f76eea..b5b49fd5 100644
--- a/src/lib/components/MarketMaker.svelte
+++ b/src/lib/components/MarketMaker.svelte
@@ -299,7 +299,7 @@ else {
                     <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
                         <span>Date</span>
                     </td>
-                    <td class="px-[5px] py-1.5 text-right text-sm sm:text-[1rem] font-medium xs:px-2.5 xs:py-2">
+                    <td class="px-[5px] py-1.5 text-right whitespace-nowrap font-medium xs:px-2.5 xs:py-2">
                       {formatDateRange(historyData?.slice(-1)?.at(0)?.date)}
                     </td>
                 </tr>
diff --git a/src/lib/components/RetailVolume.svelte b/src/lib/components/RetailVolume.svelte
index 90da29b4..031280dc 100644
--- a/src/lib/components/RetailVolume.svelte
+++ b/src/lib/components/RetailVolume.svelte
@@ -321,7 +321,7 @@ $: {
                           <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
                               <span>Date</span>
                           </td>
-                          <td class="px-[5px] text-sm sm:text-[1rem] py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
+                          <td class="px-[5px] whitespace-nowrap py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
                             {formatDateRange(rawData?.lastDate)}
                           </td>
                       </tr>
diff --git a/src/lib/components/ShareStatistics.svelte b/src/lib/components/ShareStatistics.svelte
index 7118c067..9558069c 100644
--- a/src/lib/components/ShareStatistics.svelte
+++ b/src/lib/components/ShareStatistics.svelte
@@ -239,7 +239,7 @@ $: {
                         <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
                             <span>Short Interest</span>
                         </td>
-                        <td class="text-sm sm:text-[1rem] px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2">
+                        <td class="whitespace-nowrap px-[5px] py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
                             {abbreviateNumber(rawData?.sharesShort)}
                         </td>
                     </tr>
@@ -247,7 +247,7 @@ $: {
                         <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
                             <span>Short Previous Month</span>
                         </td>
-                        <td class="text-sm sm:text-[1rem] px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2">
+                        <td class="whitespace-nowrap px-[5px] py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
                           {abbreviateNumber(rawData?.sharesShortPriorMonth)}
                         </td>
                     </tr>
@@ -255,7 +255,7 @@ $: {
                         <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
                             <span>Short % of Shares Out</span>
                         </td>
-                        <td class="text-sm sm:text-[1rem] px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2">
+                        <td class="whitespace-nowrap px-[5px] py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
                             {rawData?.shortOutStandingPercent}%
                         </td>
                     </tr>
@@ -263,7 +263,7 @@ $: {
                         <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
                             <span>Short % of Float</span>
                         </td>
-                        <td class="text-sm sm:text-[1rem] px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2">
+                        <td class="whitespace-nowrap px-[5px] py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
                           {rawData?.shortFloatPercent}%
                         </td>
                     </tr>
@@ -271,7 +271,7 @@ $: {
                         <td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
                             <span>Short Ratio (days to cover)</span>
                         </td>
-                        <td class="text-sm sm:text-[1rem] px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2">
+                        <td class="whitespace-nowrap px-[5px] py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
                             {rawData?.shortRatio}
                         </td>
                     </tr>