Fix extra scrollbars in dapps (#3706)

* Fix extra scrollbars in dapps

* Dapps list padding

* spelling

* lint

* Height overflow fix

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;

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 {

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;
-}
+  min-height: 100vh;
-
-.container {
-  padding-bottom: 1.6em;
 }

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 } />