trade page breakpoint fixes

components/trade/AdvancedTradeForm.tsx

@@ -345,7 +345,7 @@ const AdvancedTradeForm = () => {
 
   return (
     <div>
-      <div className="mt-1.5 px-2 md:mt-0 md:border-t md:border-th-bkg-3 md:px-4 md:pt-5 lg:mt-5 lg:border-t-0 lg:pt-0">
+      <div className="mt-1.5 px-2 md:mt-0 md:px-4 md:pt-5 lg:mt-5 lg:pt-0">
         <TabUnderline
           activeValue={tradeForm.side}
           values={['buy', 'sell']}

components/trade/RecentTrades.tsx

@@ -135,16 +135,12 @@ const RecentTrades = () => {
             )}
           </IconButton>
         </Tooltip>
-        <span className="text-xs text-th-fgd-4">
+        <span className="text-xxs text-th-fgd-4 xl:text-xs">
           {t('trade:buys')}:{' '}
-          <span className="font-mono text-th-up">
+          <span className="text-th-up">{(buyRatio * 100).toFixed(1)}%</span>
-            {(buyRatio * 100).toFixed(1)}%
-          </span>
           <span className="px-2">|</span>
           {t('trade:sells')}:{' '}
-          <span className="font-mono text-th-down">
+          <span className="text-th-down">{(sellRatio * 100).toFixed(1)}%</span>
-            {(sellRatio * 100).toFixed(1)}%
-          </span>
         </span>
       </div>
       <div className="px-2">

components/trade/TradeAdvancedPage.tsx

@@ -92,20 +92,20 @@ const TradeAdvancedPage = () => {
         { i: 'trade-form', x: 19, y: 0, w: 5, h: getHeight(innerHeight, 0, 0) },
       ],
       xl: [
-        { i: 'market-header', x: 0, y: 0, w: 14, h: marketHeaderHeight },
+        { i: 'market-header', x: 0, y: 0, w: 15, h: marketHeaderHeight },
-        { i: 'tv-chart', x: 0, y: 1, w: 14, h: 488 },
+        { i: 'tv-chart', x: 0, y: 1, w: 15, h: 488 },
         {
           i: 'balances',
           x: 0,
           y: 2,
-          w: 14,
+          w: 15,
           h: getHeight(innerHeight, 0, 488 + marketHeaderHeight),
         },
         {
           i: 'orderbook',
-          x: 14,
+          x: 15,
           y: 0,
-          w: 5,
+          w: 4,
           h: getHeight(innerHeight, 0, 0),
         },
         {