From d4c5c54a7c53766488574989d5dbdb73585c20d3 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sun, 16 Jun 2024 19:35:24 +0200
Subject: [PATCH] ui fixes

---
 src/routes/etf/etf-providers/+layout.svelte      |  2 +-
 src/routes/etf/etf-providers/+page.svelte        | 12 ++++++------
 src/routes/etf/etf-providers/[slug]/+page.svelte |  6 +++---
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/routes/etf/etf-providers/+layout.svelte b/src/routes/etf/etf-providers/+layout.svelte
index f1eedf5b..02478cba 100644
--- a/src/routes/etf/etf-providers/+layout.svelte
+++ b/src/routes/etf/etf-providers/+layout.svelte
@@ -107,7 +107,7 @@
 
 
 
-<div class="w-full max-w-4xl m-auto mb-10 bg-[#0F0F0F] pl-3 pr-3 overflow-hidden">
+<div class="w-full max-w-4xl m-auto mb-10 bg-[#0F0F0F] overflow-hidden">
 
 
     <!--Start Top Winners/Losers-->
diff --git a/src/routes/etf/etf-providers/+page.svelte b/src/routes/etf/etf-providers/+page.svelte
index 835a12cc..15ca6099 100644
--- a/src/routes/etf/etf-providers/+page.svelte
+++ b/src/routes/etf/etf-providers/+page.svelte
@@ -61,17 +61,17 @@ let etfProviderList = data?.getAllETFProviders;
                 <table class="table rounded-none sm:rounded-md w-full border-bg-[#0F0F0F] m-auto mt-4 ">
                     <thead>
                       <tr class="border border-slate-800">
-                        <th class="text-slate-200 font-bold text-[0.95rem]">Provider Name</th>
-                        <th class="text-slate-200 font-bold text-center text-[0.95rem]">Total Assets</th>
-                        <th class="text-slate-200 font-bold text-[0.95rem] text-end">Funds</th>
-                        <th class="text-slate-200 font-bold hidden sm:table-cell text-[0.95rem] text-end">Avg. Cost</th>
-                        <th class="text-slate-200 font-bold hidden sm:table-cell text-[0.95rem] text-end">Avg. Holdings</th>
+                        <th class="text-slate-200 font-semibold text-[0.95rem]">Provider Name</th>
+                        <th class="text-slate-200 font-semibold text-center text-[0.95rem]">Total Assets</th>
+                        <th class="text-slate-200 font-semibold text-[0.95rem] text-end">Funds</th>
+                        <th class="text-slate-200 font-semibold hidden sm:table-cell text-[0.95rem] text-end">Avg. Cost</th>
+                        <th class="text-slate-200 font-semibold hidden sm:table-cell text-[0.95rem] text-end">Avg. Holdings</th>
                       </tr>
                     </thead>
                     <tbody>
                       {#each etfProviderList as item,index}
                       <!-- row -->
-                      <tr on:click={() => goto("/etf/etf-providers/"+item?.etfProvider)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] {index % 2 === 0 ? 'bg-opacity-[0.25] bg-[#323239]' : 'bg-[#0F0F0F]'} border-b-[#0F0F0F] shake-ticker cursor-pointer">
+                      <tr on:click={() => goto("/etf/etf-providers/"+item?.etfProvider)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#202020] border-b-[#0F0F0F] shake-ticker cursor-pointer">
                         
 
                         <td class="text-blue-400 font-medium border-b-[#0F0F0F]">
diff --git a/src/routes/etf/etf-providers/[slug]/+page.svelte b/src/routes/etf/etf-providers/[slug]/+page.svelte
index 6790ea58..a5ff13af 100644
--- a/src/routes/etf/etf-providers/[slug]/+page.svelte
+++ b/src/routes/etf/etf-providers/[slug]/+page.svelte
@@ -87,7 +87,7 @@
             </div>
             {/if}
 
-            <div class="stats stats-horizontal bg-[#202020] shadow w-full rounded-lg">
+            <div class="stats stats-horizontal bg-[#202020] shadow w-full rounded-none sm:rounded-lg overflow-hidden">
       
                 <div class="stat">
                   <div class="stat-title text-white text-sm sm:text-lg font-semibold">Listed Funds</div>
@@ -111,7 +111,7 @@
               <!-- Page wrapper -->
               <div class="flex justify-center w-full max-w-5xl m-auto h-full overflow-hidden">  
                   <!-- Content area -->
-                  <div class="relative flex flex-col flex-1 overflow-hidden">
+                  <div class="relative flex flex-col flex-1 overflow-hidden pt-5">
           
                     <table class="table table-sm sm:table-md table-compact rounded-none sm:rounded-md w-full border-bg-[#0F0F0F] m-auto mt-4 ">
                         <thead>
@@ -126,7 +126,7 @@
                         <tbody>
                           {#each etfProviderData as item,index}
                           <!-- row -->
-                          <tr on:click={() => goto("/etf/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] {index % 2 === 0 ? 'bg-opacity-[0.25] bg-[#323239]' : 'bg-[#0F0F0F]'} border-b-[#0F0F0F] shake-ticker cursor-pointer">
+                          <tr on:click={() => goto("/etf/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#202020] border-b-[#0F0F0F] shake-ticker cursor-pointer">
                             
                             <td class="hidden sm:table-cell text-blue-400 font-medium  border-b-[#0F0F0F]">
                               {item?.symbol}