Fix CSS error with sticky footer.

3 files changed, 25 insertions, 22 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;
+}
diff --git a/views/footer.html b/views/footer.html
index 9979195..d717dc2 100644
--- a/views/footer.html
+++ b/views/footer.html
@@ -1,14 +1,9 @@
-<footer>
-<div class='footer shadow-y-2'>
-	<div class='container'>
-		<div class='row center'>
-			<div class="xcol-xs-offset-3">
-				<p class="pull-left"> Copyright 2015 | <a class='footer-a' href='//www.iamfabulous.de' title='Maximilian Möhring'>Maximilian M&ouml;hring <span class="fa fa-external-link"></span></a></p>
-			</div>
-		</div>
+<footer class="footer shadow-y-2">
+	<div class="container">
+		<p class="pull-left sticky-footer"> Copyright 2015 | <a class='footer-a' href='//www.iamfabulous.de' title='Maximilian Möhring'>Maximilian M&ouml;hring <span class="fa fa-external-link"></span></a></p>
 	</div>
-</div>
 </footer>
+
 <!--script src='//code.jquery.com/jquery-1.11.2.min.js'></script-->
 <!--script src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js'></script-->
 <script src='/static/js/functions.js' type='text/javascript' charset='utf-8'></script>
diff --git a/views/register.html b/views/register.html
index 2ed6468..b1481fc 100644
--- a/views/register.html
+++ b/views/register.html
@@ -50,7 +50,7 @@
 		<div class="form-group">
 			<label class="col-md-4 control-label" for="Email">Email:</label>  
 			<div class="col-md-4">
-				<input id="Email" name="Email" placeholder="Your Email" class="form-control input-md" required="" type="text">
+				<input id="Email" name="Email" placeholder="Your Email" class="form-control input-md" required="" type="email">
 			</div>
 		</div>