ui fix

src/routes/hedge-funds/[slug]/+page.svelte

@@ -261,7 +261,7 @@ async function handleMode(i) {
       },
       grid: {
           left: $screenWidth < 640 ? '0.5%' : '0%',
-          right: $screenWidth < 640 ? '1%' : '5%',
+          right: $screenWidth < 640 ? '1%' : '10%',
           bottom: '0%',
           containLabel: true
       },
@@ -335,7 +335,7 @@ async function handleMode(i) {
       },
       grid: {
           left: $screenWidth < 640 ? '0.5%' : '0%',
-          right: $screenWidth < 640 ? '1%' : '5%',
+          right: $screenWidth < 640 ? '1%' : '10%',
           bottom: '0%',
           containLabel: true
       },
@@ -689,7 +689,7 @@ onMount(async () => {
                 <main class="w-full mt-10 sm:mt-0 sm:pl-10">
                 
                   {#if isLoaded && Object?.keys(optionsData)?.length !== 0}
-                  <div class="bg-[#09090B] sm:bg-[#09090B] rounded-lg sm:min-h-[330px] mb-10 sm:mb-6">
+                  <div class="bg-[#09090B] rounded-lg sm:min-h-[330px] mb-10 sm:mb-6">
   
                     <div class="flex flex-row justify-start items-center">
                       {#if activePlotIdx === 0}

src/routes/stocks/[tickerID]/stats/balance-sheet/+page.svelte

@@ -297,7 +297,6 @@ function normalizer(value) {
             axisLabel: {
             color: '#fff', // Change label color to white
             formatter: function (value) {
-                value = Math.max(value, 0);
                 return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions
                 },
             },
@@ -435,7 +434,6 @@ $: {
 <!-- Other meta tags -->
 <meta property="og:title" content={`${$displayCompanyName} (${$stockTicker}) Balance Sheet &#183 stocknear`}/>
 <meta property="og:description" content={`Detailed balance sheet for ${$displayCompanyName} (${$stockTicker}), including cash, debt, assets, liabilities, and book value.`} />
-<meta property="og:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
 <meta property="og:type" content="website"/>
 <!-- Add more Open Graph meta tags as needed -->
 
@@ -443,7 +441,6 @@ $: {
 <meta name="twitter:card" content="summary_large_image"/>
 <meta name="twitter:title" content={`${$displayCompanyName} (${$stockTicker}) Balance Sheet &#183 stocknear`}/>
 <meta name="twitter:description" content={`Detailed balance sheet for ${$displayCompanyName} (${$stockTicker}), including cash, debt, assets, liabilities, and book value.`} />
-<meta name="twitter:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
 <!-- Add more Twitter meta tags as needed -->
 
 </svelte:head>
@@ -452,7 +449,7 @@ $: {
     <section class="bg-[#09090B] overflow-hidden text-white h-full pb-40 sm:mb-0">
         <div class="flex justify-center w-full m-auto h-full overflow-hidden">
             <div class="relative flex justify-center items-center overflow-hidden">
-                <main>
+                <main class="w-full">
                     <div class="sm:p-7 m-auto mt-2 sm:mt-0">
                         <div class="mb-3">
                             <h1 class="text-2xl text-gray-200 font-bold">

src/routes/stocks/[tickerID]/stats/cash-flow/+page.svelte

@@ -264,7 +264,6 @@ function plotData()
             axisLabel: {
             color: '#fff', // Change label color to white
             formatter: function (value) {
-                value = Math.max(value, 0);
                 return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions
                 },
             },
@@ -401,7 +400,6 @@ $: {
 <!-- Other meta tags -->
 <meta property="og:title" content={`${$displayCompanyName} (${$stockTicker}) Cash Flow Statement · stocknear`}/>
 <meta property="og:description" content={`Detailed cash flow statements for ${$displayCompanyName} (${$stockTicker}), including operating cash flow, capex and free cash flow.`} />
-<meta property="og:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
 <meta property="og:type" content="website"/>
 <!-- Add more Open Graph meta tags as needed -->
 
@@ -409,7 +407,6 @@ $: {
 <meta name="twitter:card" content="summary_large_image"/>
 <meta name="twitter:title" content={`${$displayCompanyName} (${$stockTicker}) Cash Flow Statement · stocknear`}/>
 <meta name="twitter:description" content={`Detailed cash flow statements for ${$displayCompanyName} (${$stockTicker}), including operating cash flow, capex and free cash flow.`} />
-<meta name="twitter:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
 <!-- Add more Twitter meta tags as needed -->
 
 </svelte:head>
@@ -418,7 +415,7 @@ $: {
 <section class="bg-[#09090B] overflow-hidden text-white h-full pb-40 sm:mb-0">
     <div class="flex justify-center w-full m-auto h-full overflow-hidden">
         <div class="relative flex justify-center items-center overflow-hidden">
-            <main>
+            <main class="w-full">
                 <div class="sm:p-7 m-auto mt-2 sm:mt-0">
                     <div class="mb-3">
                         <h1 class="text-2xl text-gray-200 font-bold">

src/routes/stocks/[tickerID]/stats/income/+page.svelte

@@ -146,7 +146,6 @@ import { init, use } from 'echarts/core'
 }
             
            
-                
 function changeStatement(event)
 {
     displayStatement = event.target.value;
@@ -239,7 +238,6 @@ function plotData()
             axisLabel: {
             color: '#fff', // Change label color to white
             formatter: function (value) {
-                value = Math.max(value, 0);
                 return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions
                 },
             },
@@ -330,6 +328,7 @@ const filterStatement = (fullStatement, timeFrame) => {
   }
 };
 
+
 fullStatement = data?.getIncomeStatement;
 timeFrame = '10Y';
 displayStatement = 'revenue';
@@ -350,9 +349,7 @@ const filterStatement = (fullStatement, timeFrame) => {
         {
             optionsData= plotData()
         }   
-        
     }
-
 }
 
 
@@ -368,21 +365,12 @@ const filterStatement = (fullStatement, timeFrame) => {
     {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ''} {$displayCompanyName} ({$stockTicker}) Financials - Income Statement · stocknear
 </title>
 <meta name="description" content={`Detailed annual and timeFramely income statement for ${$displayCompanyName} (${$stockTicker}). See many years of revenue, expenses and profits or losses.`} />
-
-<!-- Other meta tags -->
 <meta property="og:title" content={`${$displayCompanyName} (${$stockTicker}) Financials - Income Statement · stocknear`}/>
 <meta property="og:description" content={`Detailed annual and timeFramely income statement for ${$displayCompanyName} (${$stockTicker}). See many years of revenue, expenses and profits or losses.`} />
-<meta property="og:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
 <meta property="og:type" content="website"/>
-<!-- Add more Open Graph meta tags as needed -->
-
-<!-- Twitter specific meta tags -->
 <meta name="twitter:card" content="summary_large_image"/>
 <meta name="twitter:title" content={`${$displayCompanyName} (${$stockTicker}) Financials - Income Statement · stocknear`}/>
 <meta name="twitter:description" content={`Detailed annual and timeFramely income statement for ${$displayCompanyName} (${$stockTicker}). See many years of revenue, expenses and profits or losses.`} />
-<meta name="twitter:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
-<!-- Add more Twitter meta tags as needed -->
-
 </svelte:head>
 
     
@@ -391,7 +379,7 @@ const filterStatement = (fullStatement, timeFrame) => {
             <div class="w-full relative flex justify-center items-center overflow-hidden">
 
                 {#if isLoaded}
-                <main>
+                <main class="w-full">
                     <div class="sm:p-7 m-auto mt-2 sm:mt-0">
                         <div class="mb-3">
                             <h1 class="text-2xl text-gray-200 font-bold">
@@ -484,7 +472,7 @@ const filterStatement = (fullStatement, timeFrame) => {
             
     
                         {#if mode}
-                            <div class="w-full Max-w-3xl">
+                            <div class="w-full">
                                 <div class="relative">
                                 <select class="select select-bordered select-sm p-0 pl-5 overflow-y-auto bg-[#2A303C]" on:change={changeStatement}>
                                     <option disabled>Choose an Cash Flow Variable</option>

src/routes/stocks/[tickerID]/stats/ratios/+page.svelte

@@ -356,7 +356,7 @@ $: {
 <section class="bg-[#09090B] overflow-hidden text-white h-full pb-40 sm:mb-0">
     <div class="flex justify-center w-full m-auto h-full overflow-hidden">
         <div class="relative flex justify-center items-center overflow-hidden">
-            <main>
+            <main class="w-full">
                 <div class="sm:p-7 m-auto mt-2 sm:mt-0">
                     <div class="mb-3">
                         <h1 class="text-2xl text-gray-200 font-bold">