ui fix

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="">

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>

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>

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>

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>

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>

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>