From d48281416bb07f3686663815228a69d5c6cb8b12 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Fri, 11 Oct 2024 12:43:08 +0200
Subject: [PATCH] ui fix

---
 src/routes/stocks/[tickerID]/news/+page.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes/stocks/[tickerID]/news/+page.svelte b/src/routes/stocks/[tickerID]/news/+page.svelte
index ede904d5..27cca39c 100644
--- a/src/routes/stocks/[tickerID]/news/+page.svelte
+++ b/src/routes/stocks/[tickerID]/news/+page.svelte
@@ -104,7 +104,7 @@ function loadMoreData() {
 
                           <div class="grid grid-cols-1 gap-2 pb-5">
                           {#each newsList as item}
-                                <div class="w-fit flex flex-col bg-[#09090B] rounded-lg m-auto">
+                                <div class="w-full flex flex-col bg-[#09090B] rounded-lg m-auto">
                                     {#if videoId = checkIfYoutubeVideo(item.url)}
                                         <iframe
                                             class="w-full h-96 rounded-lg border border-gray-800"
@@ -114,9 +114,9 @@ function loadMoreData() {
                                             allowfullscreen
                                         ></iframe>
                                     {:else}
-                                        <a href={item?.url} rel="noopener noreferrer" target="_blank" class="w-fit border border-gray-800 rounded-lg">
-                                        <div class="flex-shrink-0 m-auto ">
-                                            <img src={item?.image} class="h-auto w-auto rounded-lg" alt="news image" loading="lazy">
+                                        <a href={item?.url} rel="noopener noreferrer" target="_blank" class="w-full border border-gray-800 rounded-lg">
+                                        <div class="flex-shrink-0 m-auto">
+                                            <img src={item?.image} class="h-auto w-full rounded-lg" alt="news image" loading="lazy">
                                         </div>
                                         </a>
                                     {/if}