From 7b67ae9abb2e7e46d71cd8fb764702b27b3ad805 Mon Sep 17 00:00:00 2001
From: Nic Aitch <nic@nicinabox.com>
Date: Wed, 12 Aug 2015 15:31:58 -0500
Subject: [PATCH] Fix devtools visiblity after hidding

* Increase max width/height to 30%
* Move min width to child
* Increase font size slightly in tree
---
 src/react/DebugPanel.js | 5 ++---
 src/react/LogMonitor.js | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/react/DebugPanel.js b/src/react/DebugPanel.js
index 3932a8e3..a14d3931 100644
--- a/src/react/DebugPanel.js
+++ b/src/react/DebugPanel.js
@@ -20,9 +20,8 @@ export function getDefaultStyle(props) {
     right: right ? 0 : undefined,
     top: top ? 0 : undefined,
     bottom: bottom ? 0 : undefined,
-    maxHeight: (bottom && top) ? '100%' : '20%',
-    maxWidth: (left && right) ? '100%' : '20%',
-    minWidth: 300,
+    maxHeight: (bottom && top) ? '100%' : '30%',
+    maxWidth: (left && right) ? '100%' : '30%',
     wordWrap: 'break-word',
     boxSizing: 'border-box',
     boxShadow: '-2px 0 7px 0 rgba(0, 0, 0, 0.5)'
diff --git a/src/react/LogMonitor.js b/src/react/LogMonitor.js
index f4c26084..0210db04 100644
--- a/src/react/LogMonitor.js
+++ b/src/react/LogMonitor.js
@@ -10,7 +10,7 @@ const styles = {
     overflowY: 'hidden',
     width: '100%',
     height: '100%',
-    fontSize: '0.95em'
+    minWidth: 300
   },
   buttonBar: {
     textAlign: 'center',