From bd2e2b630cfae24b05bc0b893b189aee48659067 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Fri, 2 Dec 2016 15:10:38 +0100
Subject: [PATCH] Fix extra scrollbars in dapps (#3706)

* Fix extra scrollbars in dapps

* Dapps list padding

* spelling

* lint

* Height overflow fix
---
 js/src/dapps/index.ejs                   | 2 +-
 js/src/ui/Page/page.css                  | 3 ++-
 js/src/views/Application/application.css | 7 +------
 js/src/views/Application/application.js  | 4 +---
 4 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/js/src/dapps/index.ejs b/js/src/dapps/index.ejs
index fa65c78bf..aab652fa6 100644
--- a/js/src/dapps/index.ejs
+++ b/js/src/dapps/index.ejs
@@ -8,7 +8,7 @@
     <style>
       html, body, #container {
         width: 100%;
-        height: 100%;
+        min-height: 100%;
         margin: 0;
         padding: 0;
         background: white;
diff --git a/js/src/ui/Page/page.css b/js/src/ui/Page/page.css
index cdb9fc868..9b7cfd62b 100644
--- a/js/src/ui/Page/page.css
+++ b/js/src/ui/Page/page.css
@@ -14,8 +14,9 @@
 /* You should have received a copy of the GNU General Public License
 /* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 */
+
 .layout {
-  padding: 0.25em;
+  padding: 0.25em 0.25em 1em 0.25em;
 }
 
 .layout>div {
diff --git a/js/src/views/Application/application.css b/js/src/views/Application/application.css
index 9cf4d28e7..1b26ed071 100644
--- a/js/src/views/Application/application.css
+++ b/js/src/views/Application/application.css
@@ -15,13 +15,8 @@
 /* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-.outer,
 .container {
-  min-height: 100vh;
   display: flex;
   flex-direction: column;
-}
-
-.container {
-  padding-bottom: 1.6em;
+  min-height: 100vh;
 }
diff --git a/js/src/views/Application/application.js b/js/src/views/Application/application.js
index ca12992a2..830a44f6c 100644
--- a/js/src/views/Application/application.js
+++ b/js/src/views/Application/application.js
@@ -30,8 +30,6 @@ import Status from './Status';
 import Store from './store';
 import TabBar from './TabBar';
 
-import styles from './application.css';
-
 const inFrame = window.parent !== window && window.parent.frames.length !== 0;
 
 @observer
@@ -62,7 +60,7 @@ class Application extends Component {
     }
 
     return (
-      <div className={ styles.outer }>
+      <div>
         { isDapp ? this.renderDapp() : this.renderApp() }
         <Connection />
         <ParityBar dapp={ isDapp } />