From 3bc8c778d999dfe7a2a609b247c76fef30426ea0 Mon Sep 17 00:00:00 2001
From: tiltom <tilnak.tomas@gmail.com>
Date: Wed, 30 Oct 2024 12:25:05 +0100
Subject: [PATCH 1/3] Make charts bigger on larger screens

---
 apps/frontend/src/app/5_pages/ConvertPage/ConvertPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/app/5_pages/ConvertPage/ConvertPage.tsx b/apps/frontend/src/app/5_pages/ConvertPage/ConvertPage.tsx
index fae19d022..57369b075 100644
--- a/apps/frontend/src/app/5_pages/ConvertPage/ConvertPage.tsx
+++ b/apps/frontend/src/app/5_pages/ConvertPage/ConvertPage.tsx
@@ -625,10 +625,10 @@ const ConvertPage: FC = () => {
           {t(pageTranslations.subtitle)}
         </Paragraph>
 
-        <div className="flex flex-col-reverse lg:flex-row lg:space-x-6 xl:w-9/12 w-full">
+        <div className="flex flex-col-reverse lg:flex-row lg:space-x-6 xl:w-9/12 w-full h-full">
           <TradingChart pair={renderPair} />
 
-          <div className="lg:mt-12 mt-6 p-0 sm:border sm:border-gray-50 sm:rounded lg:min-w-[28rem] sm:p-6 sm:bg-gray-90">
+          <div className="lg:mt-12 mt-6 p-0 sm:border sm:border-gray-50 sm:rounded lg:min-w-[28rem] sm:p-6 sm:bg-gray-90 h-fit self-center">
             <div className="bg-gray-80 rounded p-6">
               <div className="w-full flex flex-row justify-between items-center">
                 <Paragraph size={ParagraphSize.base} className="font-medium">

From a46eda002982c34008a316f48136840b0be0d69b Mon Sep 17 00:00:00 2001
From: tiltom <tiltom.defi@protonmail.com>
Date: Wed, 30 Oct 2024 12:31:15 +0100
Subject: [PATCH 2/3] Create tasty-ads-melt.md

---
 .changeset/tasty-ads-melt.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/tasty-ads-melt.md

diff --git a/.changeset/tasty-ads-melt.md b/.changeset/tasty-ads-melt.md
new file mode 100644
index 000000000..ab0ee5055
--- /dev/null
+++ b/.changeset/tasty-ads-melt.md
@@ -0,0 +1,5 @@
+---
+"frontend": patch
+---
+
+Make charts bigger on larger screens

From 9e5464cfe8271213b4ddff7273c14d62efb238ec Mon Sep 17 00:00:00 2001
From: Victor Creed <victor@sovryn.app>
Date: Wed, 30 Oct 2024 14:20:00 +0200
Subject: [PATCH 3/3] feat: expand convert page panel

---
 .../src/app/2_molecules/TradingChart/TradingChart.tsx         | 2 +-
 apps/frontend/src/app/5_pages/ConvertPage/ConvertPage.tsx     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/app/2_molecules/TradingChart/TradingChart.tsx b/apps/frontend/src/app/2_molecules/TradingChart/TradingChart.tsx
index c453983e2..95127ec94 100644
--- a/apps/frontend/src/app/2_molecules/TradingChart/TradingChart.tsx
+++ b/apps/frontend/src/app/2_molecules/TradingChart/TradingChart.tsx
@@ -75,7 +75,7 @@ export const TradingChart: FC<TradingChartProps> = ({ pair }) => {
   }, [chart, hasCharts, pair]);
 
   return (
-    <div className="lg:mt-12 mt-6 w-full p-0 sm:border sm:border-gray-50 sm:rounded sm:p-6 sm:bg-gray-90">
+    <div className="w-full p-0 sm:border sm:border-gray-50 sm:rounded sm:p-6 sm:bg-gray-90">
       <div ref={chartContainerRef} className="h-full min-h-96" />
     </div>
   );
diff --git a/apps/frontend/src/app/5_pages/ConvertPage/ConvertPage.tsx b/apps/frontend/src/app/5_pages/ConvertPage/ConvertPage.tsx
index 57369b075..fc1f10a23 100644
--- a/apps/frontend/src/app/5_pages/ConvertPage/ConvertPage.tsx
+++ b/apps/frontend/src/app/5_pages/ConvertPage/ConvertPage.tsx
@@ -625,10 +625,10 @@ const ConvertPage: FC = () => {
           {t(pageTranslations.subtitle)}
         </Paragraph>
 
-        <div className="flex flex-col-reverse lg:flex-row lg:space-x-6 xl:w-9/12 w-full h-full">
+        <div className="flex flex-col-reverse lg:flex-row lg:space-x-6 xl:w-9/12 w-full h-full mt-6 lg:mt-12">
           <TradingChart pair={renderPair} />
 
-          <div className="lg:mt-12 mt-6 p-0 sm:border sm:border-gray-50 sm:rounded lg:min-w-[28rem] sm:p-6 sm:bg-gray-90 h-fit self-center">
+          <div className="p-0 sm:border sm:border-gray-50 sm:rounded lg:min-w-[28rem] sm:p-6 sm:bg-gray-90 self-start h-full">
             <div className="bg-gray-80 rounded p-6">
               <div className="w-full flex flex-row justify-between items-center">
                 <Paragraph size={ParagraphSize.base} className="font-medium">