From a5099a595a93afe1178418096731b255396912a6 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sun, 11 Aug 2024 17:53:07 +0200
Subject: [PATCH] ui fix

---
 src/lib/components/FundamentalAnalysis.svelte     | 2 +-
 src/lib/components/PriceAnalysis.svelte           | 2 +-
 src/lib/components/TrendAnalysis.svelte           | 2 +-
 src/routes/+layout.svelte                         | 2 +-
 src/routes/etf/[tickerID]/options/+page.svelte    | 2 +-
 src/routes/stocks/[tickerID]/options/+page.svelte | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/FundamentalAnalysis.svelte b/src/lib/components/FundamentalAnalysis.svelte
index a2a226d5..a9305acd 100644
--- a/src/lib/components/FundamentalAnalysis.svelte
+++ b/src/lib/components/FundamentalAnalysis.svelte
@@ -101,7 +101,7 @@ $: {
            
 
             <div class="w-full mt-5 mb-5 flex justify-start items-center">
-                <div class="w-full grid grid-cols-2 lg:grid-cols-4 gap-y-3 gap-x-3 ">
+                <div class="w-full grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-3 gap-x-3 ">
                   <!--Start Flow Sentiment-->  
                   <div class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#27272A] shadow-lg rounded-lg h-20">
                       <div class="flex flex-col items-start">
diff --git a/src/lib/components/PriceAnalysis.svelte b/src/lib/components/PriceAnalysis.svelte
index 16e3681f..50dcad28 100644
--- a/src/lib/components/PriceAnalysis.svelte
+++ b/src/lib/components/PriceAnalysis.svelte
@@ -224,7 +224,7 @@ $: {
             </div>
 
             <div class="w-full mt-5 mb-5 flex justify-start items-center">
-                <div class="w-full grid grid-cols-2 lg:grid-cols-4 gap-y-3 gap-x-3 ">
+                <div class="w-full grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-3 gap-x-3 ">
                   <!--Start Flow Sentiment-->  
                   <div class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#27272A] shadow-lg rounded-lg h-20">
                       <div class="flex flex-col items-start">
diff --git a/src/lib/components/TrendAnalysis.svelte b/src/lib/components/TrendAnalysis.svelte
index f67b96b0..8b8f8852 100644
--- a/src/lib/components/TrendAnalysis.svelte
+++ b/src/lib/components/TrendAnalysis.svelte
@@ -114,7 +114,7 @@ $: {
            
 
             <div class="w-full mt-5 mb-5 flex justify-start items-center">
-                <div class="w-full grid grid-cols-2 lg:grid-cols-4 gap-y-3 gap-x-3 ">
+                <div class="w-full grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-3 gap-x-3 ">
                   <!--Start Flow Sentiment-->  
                   <div class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#27272A] shadow-lg rounded-lg h-20">
                       <div class="flex flex-col items-start">
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 94863306..fa22588c 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -691,7 +691,7 @@ $: {
     <Pane>
       <Splitpanes class="w-full" theme="modern-theme">
         {#if $screenWidth >= 1536}
-        <Pane class="" size={14} minSize={6}>
+        <Pane size={14} minSize={0}>
           <aside class="fixed overflow-y-scroll scroller overflow-hidden inset-y-0 left-0 z-50 hidden 3xl:flex w-72 flex-col 3xl:border-r 3xl:border-gray-800 bg-[#141417]">
             <nav class="flex flex-col items-center mr-auto gap-y-4 3xl:py-5 w-full">
               <a
diff --git a/src/routes/etf/[tickerID]/options/+page.svelte b/src/routes/etf/[tickerID]/options/+page.svelte
index efd2d5f9..82a0fc65 100644
--- a/src/routes/etf/[tickerID]/options/+page.svelte
+++ b/src/routes/etf/[tickerID]/options/+page.svelte
@@ -408,7 +408,7 @@ use([BarChart, GridComponent, CanvasRenderer])
                               <!--Start Widget-->
   
                               <div class="w-full mt-5 mb-10 m-auto flex justify-center items-center">
-                                <div class="w-full grid grid-cols-2 lg:grid-cols-3 gap-y-3 lg:gap-y-3 gap-x-3 ">
+                                <div class="w-full grid grid-cols-2 xl:grid-cols-3 gap-y-3 lg:gap-y-3 gap-x-3 ">
                                   <!--Start Flow Sentiment-->  
                                   <div class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#262626] shadow-lg rounded-md h-20">
                                       <div class="flex flex-col items-start">
diff --git a/src/routes/stocks/[tickerID]/options/+page.svelte b/src/routes/stocks/[tickerID]/options/+page.svelte
index 51a8c071..be55b513 100644
--- a/src/routes/stocks/[tickerID]/options/+page.svelte
+++ b/src/routes/stocks/[tickerID]/options/+page.svelte
@@ -408,7 +408,7 @@
                                 <!--Start Widget-->
     
                                 <div class="w-full mt-5 mb-10 m-auto flex justify-center items-center">
-                                  <div class="w-full grid grid-cols-2 lg:grid-cols-3 gap-y-3 lg:gap-y-3 gap-x-3 ">
+                                  <div class="w-full grid grid-cols-2 xl:grid-cols-3 gap-y-3 lg:gap-y-3 gap-x-3 ">
                                     <!--Start Flow Sentiment-->  
                                     <div class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#262626] shadow-lg rounded-md h-20">
                                         <div class="flex flex-col items-start">