Remove excessive bottom margin on pages

src/components/App/version.js

@@ -17,7 +17,7 @@
 */
 import { h } from "preact"
 import { webUIbuild } from "../../targets"
-export const webUIversion = "3.0.0-a76"
+export const webUIversion = "3.0.0-a77"
 export const Esp3dVersion = () => (
     <span>
         {webUIversion}.{webUIbuild}

src/style/components/_app.scss

@@ -30,7 +30,6 @@ body {
     flex: 1 1 auto;
     overflow-y: auto;
     height: 100%;
-    margin-bottom: 2rem;
 }
 
 #main-container {
@@ -44,7 +43,7 @@ body {
 
 
 .footer-container {
-    height: 1rem;
+    height: 0.5rem;
 }
 
 .no-box {

src/style/components/_control.scss

@@ -1,6 +1,6 @@
 .image-button-bar {
     text-align: center;
-    height: 3rem;
+    height: 2rem;
 }
 .buttons-bar {
     display: flex;
@@ -367,8 +367,8 @@ span.input-group-addon {
 .page-container {
     display:flex;
     flex-direction: column;
-    height: calc(100% - 1rem);
-    
+    height: 100% ;
+    overflow: hidden;    
 }
 .extra-content-container {
     height: 100%;