updated style

diff --git a/static/css/style.css b/static/css/style.css
index 615662cf2e1f32fbe0f2719dfb8f63cea9f08e29..9d45f0918dd99070e51d803d056ddf567e4a8223 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -22,6 +22,8 @@ body {
   font-family: 'Open Sans';
   color: #333;
   font-size: 14px;
+  min-height: 100vh;
+  height: auto;
 }
 
 a {
@@ -81,10 +83,9 @@ a {
 /* main */
 
 .container {
-  margin: 50px 0 0;
-  padding: 0;
+  padding: 50px 0 0;
   width: 100%;
-  min-height: 100%;
+  min-height: 70vh;
 }
 
 .main {
@@ -97,7 +98,7 @@ a {
 .jumbotron {
   position: relative;
   width: 100%;
-  margin: 0;
+  margin-top: -16px;
   background: #000;
   background: rgb(238,238,238);
   box-shadow: 0 3px 5px rgba(150,150,150,.36);
@@ -107,6 +108,8 @@ a {
 .child {
   text-align: center;
   margin: .5em;
+  font-size: 32px;
+  line-height: 48px;
 }
 
 .box-container {
@@ -134,6 +137,7 @@ a {
   -webkit-flex-basis: 30%;
   -ms-flex-preferred-size: 30%;
   flex-basis: 30%;
+  border: 1px solid rgba(0,0,0, 0.39);
   background-color: #fff;
   border-radius: 10px;
   -webkit-border-radius: 10px;
@@ -172,8 +176,9 @@ div.art:last-child {
   border-bottom: none;
 }
 
-h3.art {
+b.art {
   margin-bottom: 0;
+  font-size: 18px;
 }
 
 p.art {
@@ -190,6 +195,10 @@ p.art-ingress {
   margin: 0;
 }
 
+p.heading {
+  white-space: nowrap;
+}
+
 p.art-link {
   margin-top: 0;
 }
@@ -254,7 +263,7 @@ a.hchild:active {
 .footer {
   background: rgb(238,238,238);
   color: rgba(51,51,51,.9);
-  margin-top: 1em;
+  margin-top: 0em;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -262,6 +271,7 @@ a.hchild:active {
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
+  min-height: 30vh;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
@@ -330,6 +340,9 @@ a.hchild:active {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  position: fixed;
+  bottom: 0;
+  width: 100vw;
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;