improved css for footer placement

src/static/css/style.css

@@ -31,6 +31,7 @@ html {
 footer {
   height: 100px;
   padding-top: 20px;
+  width: 100%;
 }
 
 footer .center {
@@ -38,11 +39,12 @@ footer .center {
 }
 
 .container {
-  min-height: 100%;
   padding-bottom: 50px;
   padding-left: 10%;
   padding-right: 10%;
-  padding-top: 5%;
+  padding-top: 5vh;
+  /* position: relative; */
+  min-height: calc(100vh - 50px - 5vh - 100px - 100px);
 }
 
 .container .flash {
@@ -163,11 +165,10 @@ form {
 }
 
 .standalone {
-  max-height: 100%;
+  min-height: 100vh;
 }
 
 .entry {
-  max-height: 100%;
   /* border-radius: 0 10px 30px 0; */
   margin-bottom: 20px;
   padding-left: 20px;
@@ -252,7 +253,7 @@ form.search input[type=text] {
 form.search button[type=submit] {
   float: left;
   width: 5%;
-  padding: 12px;
+  padding: 10px;
   font-size: 17px;
   border: 1px solid grey;
   border-left: none; /* Prevent double borders */