support: Move flash to the top on smaller viewports

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

diff --git a/src/templates/static/support.html b/src/templates/static/support.html
index d70b907fc26917d00120f6d3241c5bad37131faf..5861066006b7781640edcf070d044d55c7704463 100644 (file)
--- a/src/templates/static/support.html
+++ b/src/templates/static/support.html
@@ -20,9 +20,14 @@
 
        <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-4 text-center text-md-right">
+                                       <img class="img-fluid w-100 my-5" src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
+                                               alt="{{ _("Lightning Wire Labs") }}">
+                               </div>
+
                                <div class="col-12 col-md-6">
-                                       <h1 class="display-3">{{ _("Get Professional Support") }}</h1>
+                                       <h1>{{ _("Get Professional Support") }}</h1>
 
                                        <p>
                                                <a class="text-lwl" href="https://www.lightningwirelabs.com/">Lightning Wire Labs</a>
@@ -41,11 +46,6 @@
                                                {{ _("Go to Website") }}
                                        </a>
                                </div>
-
-                               <div class="col-12 col-md-3 text-center text-md-right d-flex align-items-center">
-                                       <img class="img-fluid w-100 my-5" src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
-                                               alt="{{ _("Lightning Wire Labs") }}">
-                               </div>
                        </div>
                </div>
        </section>