fix: css for footer

app/static/css/styles.css

@@ -3,7 +3,8 @@ html, body {
 }
 
 body {
-  display: block;
+  display: flex;
+  flex-direction: column;
 }
 
 .app {
@@ -15,6 +16,10 @@ body {
   flex-grow: 1;
 }
 
+.footer {
+  padding: 20px;
+}
+
 .inner-header-logo {
   background-image: url('./../img/paw.png');
   background-position: center;

app/templates/layout/layout.html

@@ -45,8 +45,8 @@
           </div>
         </div>
       </header>
-      <div id="content" class="content">{% block content %}{% endblock %}</div>
-
+      <div id="content" class="content">
+        {% block content %}{% endblock %}
       </div>
       <footer class="footer">
         {% block footer %}