Footer for frontend and report errors link.

app/styles/main.scss

@@ -8,6 +8,8 @@
 @import "../bower_components/font-awesome/scss/font-awesome";
 
 @import "views/_main";
+@import "views/_navbar";
+@import "views/_footer";
 @import "views/_newNodeForm";
 @import "views/_updateNodeForm";
 @import "views/_deleteNodeForm";
@@ -20,8 +22,13 @@
 @import "views/dialogs/_confirmDeletionDialog";
 @import "views/dialogs/_outsideOfCommunityDialog";
 
+html, body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
 body {
-    padding-bottom: 40px;
     text-align: justify;
 }
 
@@ -40,14 +47,6 @@ button.cancel {
     @extend .btn, .btn-default;
 }
 
-a[target="_blank"]:after {
-    @extend .fa;
-    content: "\f08e";
-    vertical-align: 0.3em;
-    font-size: 0.8em;
-    margin-left: 0.1em;
-}
-
 .has-error .help-block {
     color: $text-color;
 }

app/styles/views/_footer.scss

@@ -0,0 +1,36 @@
+.footer {
+    position: absolute;
+    bottom: 0;
+
+    width: 100%;
+
+    margin: 0;
+    padding: 0;
+
+    height: 30px;
+    line-height: 30px;
+
+    color: $gray-light;
+    background-color: $gray-dark;
+    text-align: center;
+
+    ul {
+        margin: 0;
+    }
+
+    .list-inline > li:first-child {
+        padding-left: 10px;
+    }
+
+    li {
+        padding: 0 10px;
+    }
+
+    a {
+        color: $gray-light;
+
+        &:hover, &:active, &:visited, &:focus {
+            text-decoration: none;
+        }
+    }
+}

app/styles/views/_main.scss

@@ -44,3 +44,31 @@
         }
     }
 }
+
+.wrapper {
+    position: relative;
+
+    padding: {
+        top: 72px;
+        bottom: 30px;
+    }
+
+    min-height: 100%;
+    height: auto !important;
+    height: 100%;
+    width: 100%;
+
+    margin: 0 auto;
+}
+
+.main {
+    padding-bottom: 30px;
+
+    a[target="_blank"]:after {
+        @extend .fa;
+        content: "\f08e";
+        vertical-align: 0.3em;
+        font-size: 0.8em;
+        margin-left: 0.1em;
+    }
+}

app/styles/views/_navbar.scss

@@ -0,0 +1,9 @@
+.navbar {
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    width: 100%;
+
+    z-index: 1;
+}