clean up footer

static/style.css

@@ -23,9 +23,6 @@ h1 img {
     margin-left: 2.5rem;
 }
 
-
-
-
 body > section {
     margin-bottom: 3rem;
 }
@@ -113,13 +110,19 @@ label {
 }
 
 footer {
-    text-align: center;
-    color: #555;
     font-size: 0.9rem;
     margin-top: 5rem;
-    margin-bottom: 5rem;
+    margin-bottom: 3rem;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+}
+
+footer p {
+    margin: 0 0.7rem;
 }
 
 footer a {
     color: inherit;
 }
+

templates/lib/layout.html

@@ -23,11 +23,9 @@
         </header>
         {% block body %}{% endblock %}
         <footer>
-            Forget {{version or "dev"}}
-            -
-            A <a href="https://twitter.com/codl">codl</a> joint
-            -
-            <a href="https://github.com/codl/forget">Code on Github</a>
+            <p>Forget {{version or "dev"}}</p>
+            <p>A <a href="https://twitter.com/codl">codl</a> joint</p>
+            <p><a href="https://github.com/codl/forget">Code on Github</a></p>
         </footer>
     </body>
 </html>