Footer tweaks

misago/static/misago/css/misago/footer.less

@@ -4,7 +4,8 @@
 
 
 .site-footer {
-  margin-top: @line-height-computed;
+  margin-top: @line-height-computed * 1.5;
+  padding-bottom: @line-height-computed * 1.5;
 
   color: @footer-color;
   text-align: center;
@@ -82,6 +83,10 @@
 
   /* Small devices (tablets, 768px and up) */
   @media (min-width: @screen-sm-min) {
+    border-top: 1px solid @footer-hr-color;
+    margin-top: @line-height-computed * 2;
+    padding-top: @line-height-computed * 1.5;
+
     text-align: left;
 
     .first-row {
@@ -91,8 +96,8 @@
         float: left;
       }
 
-      .noscript-message {
-        margin-left: @line-height-computed;
+      .footer-nav {
+        margin-right: @line-height-computed;
       }
     }
   }

misago/static/misago/css/misago/variables.less

@@ -75,6 +75,8 @@
 //
 //##
 
+@footer-hr-color:                darken(@body-bg, 8%);
+
 @footer-color:                   darken(@body-bg, 35%);
 @footer-noscript-color:          #d35400;
 

misago/templates/misago/footer.html

@@ -4,25 +4,20 @@
 
     <div class="first-row">
 
-      <ul class="list-inline footer-nav">
-        <li>
-          <a href="{% url 'misago:terms_of_service' %}">{% trans "Terms of service" %}</a>
-        </li>
-        <li>
-          <a href="{% url 'misago:privacy_policy' %}">{% trans "Privacy policy" %}</a>
-        </li>
+      {% if misago_settings.terms_of_service or misago_settings.terms_of_service_link or misago_settings.privacy_policy or misago_settings.privacy_policy_link %}
+        <ul class="list-inline footer-nav">
         {% if misago_settings.terms_of_service or misago_settings.terms_of_service_link %}
-        <li>
-          <a href="{% url 'misago:terms_of_service' %}">{% trans "Terms of service" %}</a>
-        </li>
+          <li>
+            <a href="{% url 'misago:terms_of_service' %}">{% trans "Terms of service" %}</a>
+          </li>
         {% endif %}
-
         {% if misago_settings.privacy_policy or misago_settings.privacy_policy_link %}
-        <li>
-          <a href="{% url 'misago:privacy_policy' %}">{% trans "Privacy policy" %}</a>
-        </li>
+          <li>
+            <a href="{% url 'misago:privacy_policy' %}">{% trans "Privacy policy" %}</a>
+          </li>
         {% endif %}
-      </ul>
+        </ul>
+      {% endif %}
 
       <p class="noscript-message text-warning">
         <span class="fa fa-exclamation-triangle fa-lg"></span>