footer: Break differently on mobile

The link section became too wide on mobile phones which resulted in the
entire page scrolling horizontally :(

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

diff --git a/src/templates/base.html b/src/templates/base.html
index c32e6fe3ba4a518a4c7131bc9a2e075f5d237bc1..df61b8661ec0988cd7624701c11f29e80b401f3b 100644 (file)
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -238,11 +238,11 @@
                                        <div class="level">
                                                <div class="level-left">
                                                        <div class="level-item">
-                                                               <div class="level is-mobile">
-                                                                       <div class="level-item">
-                                                                               {{ year }} &copy; IPFire.org
-                                                                       </div>
+                                                               {{ year }} &copy; IPFire.org
+                                                       </div>
 
+                                                       <div class="level-item">
+                                                               <div class="level is-mobile">
                                                                        <div class="level-item">
                                                                                <a href="/legal">{{ _("Legal") }}</a>
                                                                        </div>