From: Michael Tremer <michael.tremer@ipfire.org>
Date: Fri, 26 Oct 2018 12:30:03 +0000 (+0100)
Subject: support: Move flash to the top on smaller viewports
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=fc707cc1361cfc25a12eaafac0b390c4c8bcbf05;p=ipfire.org.git

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 d70b907f..58610660 100644
--- 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>