From 938939a2da79311122b278b9c45fdbcd6f673a44 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Mon, 28 Oct 2024 15:02:01 +0100
Subject: [PATCH] ui fixes

---
 src/lib/components/News.svelte            | 5 +++--
 src/lib/components/Sidecard.svelte        | 4 +++-
 src/lib/components/WIIM.svelte            | 8 ++++----
 src/routes/stocks/[tickerID]/+page.svelte | 2 +-
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/News.svelte b/src/lib/components/News.svelte
index 58554828..a2121669 100644
--- a/src/lib/components/News.svelte
+++ b/src/lib/components/News.svelte
@@ -83,7 +83,8 @@
     <div class="grid grid-cols-1 gap-2 pb-5">
       {#each newsList as item}
         <div class="w-full flex flex-col bg-[#09090B] rounded-md m-auto">
-          {#if (videoId = checkIfYoutubeVideo(item.url))}
+          {#if !checkIfYoutubeVideo(item.url)}
+            <!--
             <div class="w-full aspect-video mb-4">
               <iframe
                 class="w-full h-full rounded-md border border-gray-800"
@@ -109,7 +110,7 @@
                 </p>
               </a>
             </div>
-          {:else}
+            -->
             <div class="w-full flex flex-col sm:flex-row">
               <a
                 href={item?.url}
diff --git a/src/lib/components/Sidecard.svelte b/src/lib/components/Sidecard.svelte
index 1941d686..a2ef2845 100644
--- a/src/lib/components/Sidecard.svelte
+++ b/src/lib/components/Sidecard.svelte
@@ -166,7 +166,9 @@
     </div>
   {/if}
 
-  <div class="mt-3 grid grid-cols-2 gap-3 w-full">
+  <div
+    class="mt-3 grid grid-cols-2 gap-3 w-full border-b border-gray-600 lg:border-none pb-8 lg:pb-0"
+  >
     <div class="col-span-1 text-gray-200">
       <span class="block font-semibold">Industry</span>
       <a
diff --git a/src/lib/components/WIIM.svelte b/src/lib/components/WIIM.svelte
index c5dec5e4..46bb96ae 100644
--- a/src/lib/components/WIIM.svelte
+++ b/src/lib/components/WIIM.svelte
@@ -69,7 +69,9 @@
                     <!--Start Item-->
                     <div class="flex flex-row items-center w-full mb-6">
                       <div
-                        class="w-full rounded-lg {latestInfoDate(item?.date)
+                        class="w-full rounded-md pr-4 {latestInfoDate(
+                          item?.date,
+                        )
                           ? 'bg-[#F9AB00] bg-opacity-[0.1]'
                           : 'bg-[#27272A]'} shadow-lg h-full pl-3 pt-2 pb-4"
                       >
@@ -84,9 +86,7 @@
                                 >New</label
                               >
                             {/if}
-                            <div
-                              class="text-white text-sm ml-auto pr-4 font-medium"
-                            >
+                            <div class="text-white text-sm ml-auto font-medium">
                               {#if item?.changesPercentage >= 0}
                                 <svg
                                   class="w-5 h-5 -mr-0.5 -mt-0.5 inline-block"
diff --git a/src/routes/stocks/[tickerID]/+page.svelte b/src/routes/stocks/[tickerID]/+page.svelte
index 8d9eb934..ed1a9dd6 100644
--- a/src/routes/stocks/[tickerID]/+page.svelte
+++ b/src/routes/stocks/[tickerID]/+page.svelte
@@ -1443,7 +1443,7 @@
             class="mt-6 flex flex-col lg:flex-row gap-x-14 items-start w-full"
           >
             <div
-              class="space-y-6 lg:order-2 lg:pt-1 sm:pl-7 lg:pl-0 w-full lg:w-[45%] sm:ml-auto"
+              class="lg:space-y-6 lg:order-2 lg:pt-1 sm:pl-7 lg:pl-0 w-full lg:w-[45%] sm:ml-auto"
             >
               <Sidecard {data} />
               <div class="lg:sticky lg:top-20"></div>