support: Have all icons on top on mobile viewport

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

diff --git a/src/templates/static/support.html b/src/templates/static/support.html
index 341cfbf365472ec4a87adab08375d6e0d15f1d00..a729ec1a6c75fc7eb6c9aa9d92de9524dddca865 100644 (file)
--- a/src/templates/static/support.html
+++ b/src/templates/static/support.html
@@ -20,7 +20,11 @@
 
        <section class="inverse">
                <div class="container">
-                       <div class="row justify-content-between">
+                       <div class="row justify-content-between flex-md-row-reverse">
+                               <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-end">
+                                       <i class="fas fa-pen-alt icon-large my-5"></i>
+                               </div>
+
                                <div class="col-12 col-md-7">
                                        <h1>{{ _("Documentation") }}</h1>
 
@@ -39,10 +43,6 @@
                                                {{ _("Go to Wiki") }}
                                        </a>
                                </div>
-
-                               <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-end">
-                                       <i class="fas fa-pen-alt icon-large my-5"></i>
-                               </div>
                        </div>
                </div>
        </section>