Style footer links in medium width

2 files changed, 20 insertions, 5 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 34b00a2..7b62b5b 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1048,7 +1048,18 @@ table.metadata td.name {
     }
 
     footer {
-        display: none;
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        width: 250px;
+        margin: 0;
+        padding: 5px;
+        text-align: right;
+    }
+
+    footer a {
+        display: block;
+        border: 0;
     }
 
     header .logo {
@@ -1094,6 +1105,10 @@ table.metadata td.name {
     .right-column .compose {
         display: none;
     }
+
+    footer {
+        display: none;
+    }
 }
 
 /* Copy to clipboard action */
diff --git a/templates/base.html b/templates/base.html
index b30e38f..ac79b24 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -76,10 +76,10 @@
 
     <footer>
         {% if config.site_about %}<a href="{% url "about" %}">About</a>{% endif %}
-        {% if config.policy_rules %}<a href="{% url "rules" %}">Server Rules</a>{% endif %}
-        {% if config.policy_terms %}<a href="{% url "terms" %}">Terms of Service</a>{% endif %}
-        {% if config.policy_privacy %}<a href="{% url "privacy" %}">Privacy Policy</a>{% endif %}
-        <a href="https://jointakahe.org">Takahē {{ config.version }}</a>
+        {% if config.policy_rules %}<a href="{% url "rules" %}">Server&nbsp;Rules</a>{% endif %}
+        {% if config.policy_terms %}<a href="{% url "terms" %}">Terms&nbsp;of&nbsp;Service</a>{% endif %}
+        {% if config.policy_privacy %}<a href="{% url "privacy" %}">Privacy&nbsp;Policy</a>{% endif %}
+        <a href="https://jointakahe.org">Takahē&nbsp;{{ config.version }}</a>
     </footer>
 
 </body>