ui fixes

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}

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

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"

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>