From 39319e61574bca75a771375d980d7cd9a085bf24 Mon Sep 17 00:00:00 2001
From: Philippe Maes <philippe@ftx.com>
Date: Wed, 23 Sep 2020 14:47:31 +0200
Subject: [PATCH] Layout fixes

---
 src/components/TradesTable.jsx |  6 +++++-
 src/pages/TradePage.jsx        | 12 ++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/TradesTable.jsx b/src/components/TradesTable.jsx
index 3b44218..735c49c 100644
--- a/src/components/TradesTable.jsx
+++ b/src/components/TradesTable.jsx
@@ -29,7 +29,11 @@ export default function PublicTrades({ smallScreen }) {
       style={
         smallScreen
           ? { flex: 1 }
-          : { marginTop: '10px', height: 'calc(100% - 520px)' }
+          : {
+              marginTop: '10px',
+              minHeight: '270px',
+              height: 'calc(100vh - 710px)',
+            }
       }
     >
       <Title>Recent Market trades</Title>
diff --git a/src/pages/TradePage.jsx b/src/pages/TradePage.jsx
index b344969..3618aaf 100644
--- a/src/pages/TradePage.jsx
+++ b/src/pages/TradePage.jsx
@@ -213,7 +213,7 @@ const RenderNormal = ({ onChangeOrderRef, onPrice, onSize }) => {
   return (
     <Row
       style={{
-        minHeight: '750px',
+        minHeight: '800px',
         flexWrap: 'nowrap',
       }}
     >
@@ -240,13 +240,13 @@ const RenderSmall = ({ onChangeOrderRef, onPrice, onSize }) => {
     <>
       <Row
         style={{
-          height: '750px',
+          height: '800px',
         }}
       >
         <Col flex="auto" style={{ height: '100%', display: 'flex' }}>
           <Orderbook
             smallScreen={true}
-            depth={12}
+            depth={13}
             onPrice={onPrice}
             onSize={onSize}
           />
@@ -282,7 +282,11 @@ const RenderSmaller = ({ onChangeOrderRef, onPrice, onSize }) => {
           <StandaloneBalancesDisplay />
         </Col>
       </Row>
-      <Row style={{ minHeight: '500px' }}>
+      <Row
+        style={{
+          height: '500px',
+        }}
+      >
         <Col xs={24} sm={12} style={{ height: '100%', display: 'flex' }}>
           <Orderbook smallScreen={true} onPrice={onPrice} onSize={onSize} />
         </Col>