From df501555a5c962daa8c842fd32f407bd1c0f66d7 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Tue, 11 Jun 2024 18:07:34 +0200
Subject: [PATCH] fix table

---
 src/lib/components/AnalystEstimate.svelte |  8 ++++----
 src/lib/components/ShareHolders.svelte    | 12 ++++++------
 src/lib/components/SignalBar.svelte       | 12 ++++++------
 src/lib/components/TARating.svelte        | 12 ++++++------
 4 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/lib/components/AnalystEstimate.svelte b/src/lib/components/AnalystEstimate.svelte
index 865814f1..9615ca7c 100644
--- a/src/lib/components/AnalystEstimate.svelte
+++ b/src/lib/components/AnalystEstimate.svelte
@@ -292,9 +292,9 @@ $: {
                     <table class="table table-sm shaodow table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#0F0F0F] border-bg-[#0F0F0F]">
                         <thead class="">
                         <tr class="">
-                            <th class="bg-[#0F0F0F] border-b border-[#000] shadow-md text-white font-medium text-sm text-start">Year</th>
+                            <th class="bg-[#0F0F0F] border-b border-[#000] text-white font-semibold text-sm text-start">Year</th>
                             {#each ($screenWidth >= 640 ? xData?.slice(-6) : xData) as item}
-                            <td class="z-20 bg-[#0F0F0F] border-b border-[#000] shadow-md text-white font-medium text-sm text-center bg-[#0F0F0F]">{'FY'+item}</td>
+                            <td class="z-20 bg-[#0F0F0F] border-b border-[#000] text-white font-semibold text-sm text-center bg-[#0F0F0F]">{'FY'+item}</td>
                             {/each}
 
                         </tr>
@@ -314,11 +314,11 @@ $: {
                             </tr>
 
                             <tr class="bg-[#0F0F0F] border-b-[#0F0F0F]">
-                                <th class="text-white text-start font-medium  bg-[#0F0F0F] border-b border-[#0F0F0F]">
+                                <th class="bg-[#202020] text-white text-start font-medium  bg-[#0F0F0F] border-b border-[#0F0F0F]">
                                     Actual
                                 </th>
                                 {#each ($screenWidth >= 640 ? tableDataActual?.slice(-6) : tableDataActual) as item}
-                                    <td class="text-white text-center font-medium  border-b border-[#0F0F0F]">
+                                    <td class="text-white text-center font-medium bg-[#202020]">
                                         {(item?.val === '0.00' || item?.val === null) ? '-' : item?.val}
                                     </td>
                                 {/each}
diff --git a/src/lib/components/ShareHolders.svelte b/src/lib/components/ShareHolders.svelte
index b63c8af5..01ff5782 100644
--- a/src/lib/components/ShareHolders.svelte
+++ b/src/lib/components/ShareHolders.svelte
@@ -235,25 +235,25 @@ $: {
                       <tbody>
                         {#each (showFullStats ? shareholderList?.slice(0,10) : shareholderList?.slice(0,3)) as item,index}
                         {#if item?.investorName?.length > 0}
-                        <tr on:click={() => goto('/hedge-funds/'+item?.cik)} class="{index === 2 && !showFullStats && shareholderList?.length > 3 ? 'opacity-[0.5]' : '' } sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#0F0F0F] border-b-[#0F0F0F] cursor-pointer">
+                        <tr on:click={() => goto('/hedge-funds/'+item?.cik)} class="border-y border-gray-800 odd:bg-[#202020] {index === 2 && !showFullStats && shareholderList?.length > 3 ? 'opacity-[0.5]' : '' } sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#0F0F0F] border-b-[#0F0F0F] cursor-pointer">
                          
-                            <td class="text-white font-medium  border-b border-[#0F0F0F]">
+                            <td class="text-white font-medium">
                              {item?.investorName?.length > charNumber ? formatString(item?.investorName?.slice(0,charNumber)) + "..." : formatString(item?.investorName)}
                             </td>
                         
-                            <td class="text-white text-center font-medium  border-b border-[#0F0F0F]">
+                            <td class="text-white text-center font-medium">
                                 {item?.ownership <= 0.01 ? "< 0.01%" : item?.ownership?.toFixed(2)+'%'}
                             </td>
 
-                            <td class="text-white text-end hidden sm:table-cell font-medium  border-b border-[#0F0F0F]">
+                            <td class="text-white text-end hidden sm:table-cell font-medium">
                                 {item?.sharesNumber !== null ? abbreviateNumber(item?.sharesNumber) : '-'}
                             </td>
                         
-                            <td class="text-white text-end hidden sm:table-cell font-medium  border-b border-[#0F0F0F] ">
+                            <td class="text-white text-end hidden sm:table-cell font-medium ">
                                 {item?.marketValue !== null ? "$" + abbreviateNumber(item?.marketValue) : '-'}
                             </td>
                             
-                            <td class="text-white text-end font-medium  border-b border-[#0F0F0F]">
+                            <td class="text-white text-end font-medium">
                                 {item?.weight <= 0.01 ? "< 0.01%" : item?.weight?.toFixed(2)+'%'}
                             </td>
                         
diff --git a/src/lib/components/SignalBar.svelte b/src/lib/components/SignalBar.svelte
index 328aa3bd..27929efe 100644
--- a/src/lib/components/SignalBar.svelte
+++ b/src/lib/components/SignalBar.svelte
@@ -6,7 +6,7 @@ export let signal;
 {#if signal === 'Strong Buy'}
 
 <div class="relative h-full w-full mt-5">
-    <div class="absolute bottom-0 left-0 flex flex-row items-end">
+    <div class="absolute bottom-0 right-0 flex flex-row items-end">
       <div class="bg-[#10DB06] mr-0.5 h-2.5 w-1.5"></div>
       <div class="bg-[#10DB06] mr-0.5 h-3 w-1.5"></div>
       <div class="bg-[#10DB06] mr-0.5 h-3.5 w-1.5"></div>
@@ -17,7 +17,7 @@ export let signal;
 
 {:else if signal === 'Buy'}
 <div class="relative h-full w-full mt-5">
-    <div class="absolute bottom-0 left-0 flex flex-row items-end">
+    <div class="absolute bottom-0 right-0 flex flex-row items-end">
       <div class="bg-[#10DB06] mr-0.5 h-2.5 w-1.5"></div>
       <div class="bg-[#10DB06] mr-0.5 h-3 w-1.5"></div>
       <div class="bg-[#10DB06] mr-0.5 h-3.5 w-1.5"></div>
@@ -27,7 +27,7 @@ export let signal;
 </div>
 {:else if signal === 'Neutral'}
 <div class="relative h-full w-full mt-5">
-    <div class="absolute bottom-0 left-0 flex flex-row items-end">
+    <div class="absolute bottom-0 right-0 flex flex-row items-end">
       <div class="bg-[#F8901E] mr-0.5 h-2.5 w-1.5"></div>
       <div class="bg-[#F8901E] mr-0.5 h-3 w-1.5"></div>
       <div class="bg-[#F8901E] mr-0.5 h-3.5 w-1.5"></div>
@@ -37,7 +37,7 @@ export let signal;
 </div>
 {:else if signal === 'Sell'}
 <div class="relative h-full w-full mt-5">
-    <div class="absolute bottom-0 left-0 flex flex-row items-end">
+    <div class="absolute bottom-0 right-0 flex flex-row items-end">
       <div class="bg-[#FF2F1F] mr-0.5 h-2.5 w-1.5"></div>
       <div class="bg-[#FF2F1F] mr-0.5 h-3 w-1.5"></div>
       <div class="bg-[#707070] mr-0.5 h-3.5 w-1.5"></div>
@@ -47,7 +47,7 @@ export let signal;
 </div>
 {:else if signal === 'Strong Sell'}
 <div class="relative h-full w-full mt-5">
-    <div class="absolute bottom-0 left-0 flex flex-row items-end">
+    <div class="absolute bottom-0 right-0 flex flex-row items-end">
       <div class="bg-[#FF2F1F] mr-0.5 h-2.5 w-1.5"></div>
       <div class="bg-[#707070] mr-0.5 h-3 w-1.5"></div>
       <div class="bg-[#707070] mr-0.5 h-3.5 w-1.5"></div>
@@ -57,7 +57,7 @@ export let signal;
 </div>
 {:else}
 <div class="relative h-full w-full mt-5">
-    <div class="absolute bottom-0 left-0 flex flex-row items-end">
+    <div class="absolute bottom-0 right-0 flex flex-row items-end">
       <div class="bg-[#707070] mr-0.5 h-2.5 w-1.5"></div>
       <div class="bg-[#707070] mr-0.5 h-3 w-1.5"></div>
       <div class="bg-[#707070] mr-0.5 h-3.5 w-1.5"></div>
diff --git a/src/lib/components/TARating.svelte b/src/lib/components/TARating.svelte
index 35dd17ba..11125402 100644
--- a/src/lib/components/TARating.svelte
+++ b/src/lib/components/TARating.svelte
@@ -111,20 +111,20 @@ $: {
           <!-- head -->
           <thead>
             <tr>
-              <th class="text-white text-sm font-medium bg-[#0F0F0F] shadow-md">Name</th>
-              <th class="text-white text-sm font-medium bg-[#0F0F0F] shadow-md">Value</th>
-              <th class="text-white text-sm font-medium bg-[#0F0F0F] shadow-md">Signal</th>
+              <th class="text-white text-sm font-medium bg-[#0F0F0F] font-semibold">Name</th>
+              <th class="text-white text-sm font-medium bg-[#0F0F0F] font-semibold text-end">Value</th>
+              <th class="text-white text-sm font-medium bg-[#0F0F0F] font-semibold text-end">Signal</th>
             </tr>
           </thead>
           <tbody>
             {#each (showFullStats ? signalList : signalList?.slice(0, 3)) as item,index}
-            <tr class="border-b border-[#202020] sm:border-[#0F0F0F] {index === 2 && !showFullStats && signalList?.length > 2 ? 'opacity-[0.3]' : '' }">
+            <tr class="border-y border-gray-800 odd:bg-[#202020] {index === 2 && !showFullStats && signalList?.length > 2 ? 'opacity-[0.3]' : '' }">
               <td class="text-white text-sm w-1/2 sm:w-full">
                 {item?.name}
               </td>
 
-              <td class="text-white">
-                <span class="text-white text-sm">
+              <td class="text-white text-end">
+                <span class="text-white text-md font-medium">
                   {item?.value}
                 </span>
               </td>