From 5ab455159c16c653d932bf4ff265b8329063829d Mon Sep 17 00:00:00 2001
From: Madalina Raicu <madalina@raygroup.uk>
Date: Wed, 7 Feb 2024 15:28:36 +0000
Subject: [PATCH] feat: update styling

---
 apps/trading/client-pages/market/trade-panels.tsx             | 2 +-
 apps/trading/components/layouts/layout-with-sidebar.tsx       | 2 +-
 .../trading/components/market-header/mobile-market-header.tsx | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/trading/client-pages/market/trade-panels.tsx b/apps/trading/client-pages/market/trade-panels.tsx
index 634488d60..759a56364 100644
--- a/apps/trading/client-pages/market/trade-panels.tsx
+++ b/apps/trading/client-pages/market/trade-panels.tsx
@@ -107,7 +107,7 @@ export const TradePanels = ({ market, pinnedAsset }: TradePanelsProps) => {
               );
             })}
         </div>
-        <div className="h-[376px] sm:h-[460px] lg:h-full relative">
+        <div className="h-[50vh] lg:h-full relative">
           <div>{renderMenu(topViewCfg)}</div>
           <div className="overflow-auto h-full">{renderView(topView)}</div>
         </div>
diff --git a/apps/trading/components/layouts/layout-with-sidebar.tsx b/apps/trading/components/layouts/layout-with-sidebar.tsx
index f048e1eb1..937113c62 100644
--- a/apps/trading/components/layouts/layout-with-sidebar.tsx
+++ b/apps/trading/components/layouts/layout-with-sidebar.tsx
@@ -27,7 +27,7 @@ export const LayoutWithSidebar = ({
       <div className="col-span-full">{header}</div>
       <main
         className={classNames(
-          'col-start-1 col-end-1 overflow-y-auto grow lg:grow-0',
+          'col-start-1 col-end-1 overflow-hidden lg:overflow-y-auto grow lg:grow-0',
           {
             'lg:col-end-3': !sidebarOpen,
             'hidden lg:block lg:col-end-2': sidebarOpen,
diff --git a/apps/trading/components/market-header/mobile-market-header.tsx b/apps/trading/components/market-header/mobile-market-header.tsx
index df1687415..607f08702 100644
--- a/apps/trading/components/market-header/mobile-market-header.tsx
+++ b/apps/trading/components/market-header/mobile-market-header.tsx
@@ -29,7 +29,7 @@ export const MobileMarketHeader = () => {
   if (!marketId) return null;
 
   return (
-    <div className="p-2 flex justify-between gap-2 items-center h-10 pr-1 border-b border-default bg-vega-clight-700 dark:bg-vega-cdark-700">
+    <div className="p-2 flex justify-between gap-2 items-center h-10 border-b border-default bg-vega-clight-700 dark:bg-vega-cdark-700">
       <FullScreenPopover
         open={openMarket}
         onOpenChange={(x) => {
@@ -42,7 +42,7 @@ export const MobileMarketHeader = () => {
               : t('Select market')}
             <span
               className={classNames(
-                'transition-transform ease-in-out duration-300',
+                'transition-transform ease-in-out duration-300 flex',
                 {
                   'rotate-180': openMarket,
                 }