Fix CSS error with sticky footer.

1 files changed, 20 insertions, 12 deletions

diff --git a/static/css/main.css b/static/css/main.css
index 327ce93..02e88be 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -35,6 +35,13 @@
 	color: #473835;
 	background-color: #ebcccc;
 }
+html {
+	position: relative;
+	min-height: 100%;
+}
+body {
+	margin-bottom: 40px;
+}
 .delete  {
 	padding-top: 10%;
 }
@@ -58,23 +65,15 @@ textarea {
 
 .shadow-y-2{box-shadow:0 -3px 10px rgba(0,0,0,.23),0 -3px 10px rgba(0,0,0,.16)}
 
-.center {
-	position: absolute;
-	top: 50%;
-	transform: translate(0, -50%);
-/*	width: 100%;*/
-	height: 20px;
-	/*padding-right: 20px;*/
-}
 .footer {
-    background-color: #009587;
-    border-color: #009587;
-    background: #009587;
-    color: white ;
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 40px;
+    background-color: #009587;
+    border-color: #009587;
+    background: #009587;
+    color: white ;
 }
 .footer-div {
 	padding-top: 10%;
@@ -88,11 +87,20 @@ textarea {
     text-decoration: underline;
 }
 .admin-link {
+	margin-top: 0;
 	position: absolute;
 	bottom: 50px;
 	color: #009587;
+	margin: 10px ;
 	/*
 	top: 100%;
 	padding-bottom: 0;
 	*/
 }
+.footer > .container {
+	padding-left: 0;
+}
+.sticky-footer {
+	margin: 10px 0;
+	margin-left: 0;
+}