Makes footer sticky to bottom and changes footer styles

2018-07-20 18:51:13 +02:00
parent dcec003d0e
commit b5caefc0d4
1 changed files with 7 additions and 2 deletions
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -34,6 +34,12 @@
  background-color: $brand;
 }

+html,
+body {
+  height: 100%;
+  margin: 0;
+}
+
 body {
  font-size: $base-font-size;
 }
@@ -794,8 +800,7 @@ footer {
 }

 .footer {
-  background: $border;
-  border-top: 6px solid $brand;
+  background: #f1f1f1;
  margin-top: $line-height * 2;
  padding-top: $line-height;
 }