From b32fa2a19ad99030b22ff61acab02a7b57ec87f3 Mon Sep 17 00:00:00 2001
From: Giulio De Pasquale <giulio@depasquale.eu>
Date: Mon, 21 Dec 2020 14:41:26 +0000
Subject: [PATCH] align main content with sidebar

---
 websrc/components/App.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/websrc/components/App.tsx b/websrc/components/App.tsx
index 6babfc8..25a0cda 100644
--- a/websrc/components/App.tsx
+++ b/websrc/components/App.tsx
@@ -99,7 +99,7 @@ class App extends Component<{}, AppState> {
                         <main
                             className="my-1 py-2 px-10 flex-1 bg-gray-200 dark:bg-black rounded-l-lg*
                     transition duration-500 ease-in-out overflow-y-auto flex flex-col">
-                            <div className="flex justify-center text-2xl my-4">
+                            <div className="flex justify-center text-2xl my-2">
                                 <Statusbar balances={this.state.balances} positions={this.state.positions}
                                            price={this.state.current_price}
                                            tick={this.state.current_tick}/>
@@ -107,7 +107,7 @@ class App extends Component<{}, AppState> {
 
                             <div className="flex flex-col flex-grow my-8 shadow-md hover:shadow-lg">
                                 <div
-                                    className="py-2 flex-grow bg-white dark:bg-gray-600 rounded-lg overflow-hidden">
+                                    className="py-2 flex-grow bg-white min-width dark:bg-gray-600 rounded-lg overflow-hidden">
                                     <RPlot/>
                                 </div>
                             </div>