support: Make page work on mobile

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

diff --git a/src/templates/static/support.html b/src/templates/static/support.html
index 35a7948c0b9c3f728877ec45f31eb03e7a8c7f48..d70b907fc26917d00120f6d3241c5bad37131faf 100644 (file)
--- a/src/templates/static/support.html
+++ b/src/templates/static/support.html
@@ -21,7 +21,7 @@
        <section class="inverse">
                <div class="container">
                        <div class="row justify-content-between">
-                               <div class="col-6">
+                               <div class="col-12 col-md-6">
                                        <h1 class="display-3">{{ _("Get Professional Support") }}</h1>
 
                                        <p>
@@ -42,8 +42,8 @@
                                        </a>
                                </div>
 
-                               <div class="col-3 text-md-right d-flex align-items-center">
-                                       <img class="img-fluid w-100" src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
+                               <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>