From 7f878a12e4869edb18bb737673144c659bd89e0a Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Fri, 25 Oct 2024 19:12:51 +0200
Subject: [PATCH] navbar fix

---
 src/routes/stocks/[tickerID]/+layout.svelte           |  8 +++-----
 src/routes/stocks/[tickerID]/dividends/+layout.svelte | 11 +++++++++++
 src/routes/stocks/[tickerID]/options/+layout.svelte   | 11 +++++++++++
 src/routes/stocks/[tickerID]/statistics/+page.svelte  |  4 ++--
 4 files changed, 27 insertions(+), 7 deletions(-)
 create mode 100644 src/routes/stocks/[tickerID]/dividends/+layout.svelte
 create mode 100644 src/routes/stocks/[tickerID]/options/+layout.svelte

diff --git a/src/routes/stocks/[tickerID]/+layout.svelte b/src/routes/stocks/[tickerID]/+layout.svelte
index a76685c5..a10f38eb 100644
--- a/src/routes/stocks/[tickerID]/+layout.svelte
+++ b/src/routes/stocks/[tickerID]/+layout.svelte
@@ -104,6 +104,7 @@ function handleTypeOfTrade(state:string)
       options: "/options",
       dividends: "/dividends",
       statistics: "/statistics",
+      metrics: "metrics",
       forecast: "/forecast",
       financials: "/financials",
       news: "/news",
@@ -754,13 +755,10 @@ function handleTypeOfTrade(state:string)
 
                     <!--<div class="w-full max-w-3xl sm:max-w-2xl m-auto pt-2 pb-5 sm:pl-3 sticky z-20 bg-[#09090B]"  style="top: {$screenWidth < 520 && $isScrollingUp ? '4rem' : '0rem'};">-->
                     <div
-                      class="-ml-2 sm:ml-4 w-screen sm:w-full {$screenWidth <
-                      640
-                        ? 'overflow-auto scrollbar '
-                        : ''} mb-2"
+                      class="-ml-2 sm:ml-4 w-screen sm:w-full overflow-x-scroll mb-2"
                     >
                       <ul
-                        class="pr-4 sm:pr-0 w-screen overflow-x-scroll font-medium flex flex-row items-center bg-[#09090B] space-x-3 rtl:space-x-reverse py-2"
+                        class="pr-4 w-fit overflow-x-scroll font-medium flex flex-row items-center bg-[#09090B] space-x-3 rtl:space-x-reverse py-2"
                       >
                         <li class="cursor-pointer flex flex-col items-center">
                           <a
diff --git a/src/routes/stocks/[tickerID]/dividends/+layout.svelte b/src/routes/stocks/[tickerID]/dividends/+layout.svelte
new file mode 100644
index 00000000..ee0e3f2e
--- /dev/null
+++ b/src/routes/stocks/[tickerID]/dividends/+layout.svelte
@@ -0,0 +1,11 @@
+<section
+  class="w-full max-w-5xl bg-[#09090B] overflow-hidden text-black h-full mb-40"
+>
+  <div class="h-full overflow-hidden">
+    <main class="w-full">
+      <div class="sm:ml-8 w-screen mb-2"></div>
+    </main>
+
+    <slot />
+  </div>
+</section>
diff --git a/src/routes/stocks/[tickerID]/options/+layout.svelte b/src/routes/stocks/[tickerID]/options/+layout.svelte
new file mode 100644
index 00000000..ee0e3f2e
--- /dev/null
+++ b/src/routes/stocks/[tickerID]/options/+layout.svelte
@@ -0,0 +1,11 @@
+<section
+  class="w-full max-w-5xl bg-[#09090B] overflow-hidden text-black h-full mb-40"
+>
+  <div class="h-full overflow-hidden">
+    <main class="w-full">
+      <div class="sm:ml-8 w-screen mb-2"></div>
+    </main>
+
+    <slot />
+  </div>
+</section>
diff --git a/src/routes/stocks/[tickerID]/statistics/+page.svelte b/src/routes/stocks/[tickerID]/statistics/+page.svelte
index cd6ff5d9..e9f40059 100644
--- a/src/routes/stocks/[tickerID]/statistics/+page.svelte
+++ b/src/routes/stocks/[tickerID]/statistics/+page.svelte
@@ -117,11 +117,11 @@ updateYearRange()
 </svelte:head>
 
 <section class="text-white w-full">
-  <div class="sm:p-7 m-auto mt-7 sm:mt-0">
+  <div class="sm:pb-7 sm:pt-7 sm:pl-7 m-auto mt-7 sm:mt-0">
     <div class="mb-6">
       {#if Object?.keys(quantStats)?.length !== 0}
         <div
-          class="space-y-5 xs:space-y-6 lg:grid xl:grid-cols-2 xl:space-x-10 lg:space-y-0"
+          class="space-y-5 xs:space-y-6 lg:grid 2xl:grid-cols-2 lg:space-x-6 2xl:space-x-10 lg:space-y-0"
         >
           <div class="flex flex-col space-y-5 xs:space-y-6 lg:space-y-8">
             <div