From a6a7baadf8c50251f0310783c763c56ab3e76871 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Thu, 21 Nov 2024 11:06:05 +0100
Subject: [PATCH] ui fixes

---
 src/routes/stocks/[tickerID]/forecast/+layout.svelte      | 2 +-
 .../stocks/[tickerID]/forecast/analyst/+page.svelte       | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/stocks/[tickerID]/forecast/+layout.svelte b/src/routes/stocks/[tickerID]/forecast/+layout.svelte
index 07ca34ba..a6076cab 100644
--- a/src/routes/stocks/[tickerID]/forecast/+layout.svelte
+++ b/src/routes/stocks/[tickerID]/forecast/+layout.svelte
@@ -56,7 +56,7 @@
 
 <section class="w-full bg-[#09090B] overflow-hidden h-full">
   <div class="m-auto h-full overflow-hidden">
-    <main class="w-full">
+    <main class="w-full mb-4 sm:mb-0">
       <div class="m-auto">
         <nav
           class="sm:ml-4 pt-1 overflow-x-scroll text-sm sm:text-[1rem] whitespace-nowrap"
diff --git a/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte b/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
index 4cd2fdf8..56434aec 100644
--- a/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
+++ b/src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
@@ -224,15 +224,15 @@
                 />
               </div>
               <div
-                class="inline-flex justify-center w-full rounded-md shadow-sm sm:w-auto"
+                class="inline-flex justify-center w-full rounded-md sm:w-auto"
               >
                 <div
-                  class="bg-[#313131] w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-4"
+                  class="bg-[#313131] w-full sm:w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-4"
                 >
                   {#each tabs as item, i}
                     <button
                       on:click={() => changeTab(i)}
-                      class="group relative z-[1] rounded-full px-5 py-1 {activeIdx ===
+                      class="group relative z-[1] rounded-full w-1/2 md:w-auto px-5 py-1 {activeIdx ===
                       i
                         ? 'z-0'
                         : ''} "
@@ -315,7 +315,7 @@
         {#if rawData?.length !== 0}
           <div class="sm:w-full m-auto mt-10">
             <div
-              class="w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll sm:overflow-hidden"
+              class="w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll lg:overflow-hidden"
             >
               <table
                 class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto"