From c6ff5064b613b4379b94c376ccd70859974fd516 Mon Sep 17 00:00:00 2001
From: Zalmoxisus <zalmoxisus@gmail.com>
Date: Tue, 24 Nov 2015 13:08:53 +0200
Subject: [PATCH] Improve styles

Related #17.
---
 src/browser/views/devpanel.jade       |  1 +
 src/browser/views/includes/style.jade | 19 +++++++++++++++++++
 src/browser/views/window.jade         |  6 +-----
 3 files changed, 21 insertions(+), 5 deletions(-)
 create mode 100644 src/browser/views/includes/style.jade

diff --git a/src/browser/views/devpanel.jade b/src/browser/views/devpanel.jade
index bc4e69bb..749b32d0 100644
--- a/src/browser/views/devpanel.jade
+++ b/src/browser/views/devpanel.jade
@@ -4,6 +4,7 @@ html
     head
         meta(charset='UTF-8')
     title Redux DevTools
+    include ./includes/style.jade
 
     body
         #root
diff --git a/src/browser/views/includes/style.jade b/src/browser/views/includes/style.jade
new file mode 100644
index 00000000..d72a18ab
--- /dev/null
+++ b/src/browser/views/includes/style.jade
@@ -0,0 +1,19 @@
+style.
+  html {
+    min-width: 350px;
+    min-height: 300px;
+  }
+  body {
+    position: fixed;
+    overflow: hidden;
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+  #root {
+    height: 100%;
+  }
+  #root > div {
+    height: 100%;
+  }
diff --git a/src/browser/views/window.jade b/src/browser/views/window.jade
index eab876bd..7966c748 100644
--- a/src/browser/views/window.jade
+++ b/src/browser/views/window.jade
@@ -4,11 +4,7 @@ html
   head
     meta(charset='UTF-8')
   title Redux DevTools
-  style.
-    #root {
-      min-width: 300px;
-      min-height: 300px;
-    }
+  include ./includes/style.jade
 
   body
     #root