Make footer actually responsive

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/base.html b/src/templates/base.html
index b97712a66a3fd6f640a8202fcaac89204e8841d5..b3453a3fe8cef9567d06a996ede1249c53caa26a 100644 (file)
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -367,20 +367,26 @@
                                        {% end %}
 
                                        <div class="copyright">
-                                               <div class="container d-flex justify-content-between">
-                                                       &copy; {{ year }} - IPFire - {{ _("The Open Source Firewall") }}
-
-                                                       {% if not current_user and hostname in ("blog.ipfire.org", "nopaste.ipfire.org", "wiki.ipfire.org") %}
-                                                               <a href="/login">{{ _("Login") }}</a>
-                                                       {% elif current_user %}
-                                                               <p class="mb-0">
-                                                                       <span class="mr-2">
-                                                                               {{ _("You are currently logged in as %s") % current_user }}
-                                                                       </span>
-
-                                                                       <a href="/logout">{{ _("Logout") }}</a>
-                                                               </p>
-                                                       {% end %}
+                                               <div class="container">
+                                                       <div class="row flex-lg-row-reverse">
+                                                               <div class="col-12 col-lg-6 text-center text-lg-right">
+                                                                       {% if not current_user and hostname in ("blog.ipfire.org", "nopaste.ipfire.org", "wiki.ipfire.org") %}
+                                                                               <a href="/login">{{ _("Login") }}</a>
+                                                                       {% elif current_user %}
+                                                                               <p class="mb-0">
+                                                                                       <span class="mr-2">
+                                                                                               {{ _("You are currently logged in as %s") % current_user }}
+                                                                                       </span>
+
+                                                                                       <a href="/logout">{{ _("Logout") }}</a>
+                                                                               </p>
+                                                                       {% end %}
+                                                               </div>
+
+                                                               <div class="col-12 col-lg-6 text-center text-lg-left">
+                                                                       &copy; {{ year }} - IPFire - {{ _("The Open Source Firewall") }}
+                                                               </div>
+                                                       </div>
                                                </div>
                                        </div>
                                </div>