From ebab8ad993b1052f6fc75e11b07b92d45f3f7cf0 Mon Sep 17 00:00:00 2001
From: Philip Ridout <phill.ridout@gmail.com>
Date: Fri, 22 Sep 2017 23:24:27 +0100
Subject: [PATCH] Move the mobile app icons and add an anchor for them

---
 themes/openlp2v2/templates/front_page.html | 27 ++++++++++------------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/themes/openlp2v2/templates/front_page.html b/themes/openlp2v2/templates/front_page.html
index 2fe75ad..ac5bee0 100644
--- a/themes/openlp2v2/templates/front_page.html
+++ b/themes/openlp2v2/templates/front_page.html
@@ -257,21 +257,6 @@
                 </div>
             </div>
         </div>
-        <div class="default-bg space blue">
-            <div class="container">
-                <div class="row">
-                    <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 col-md-offset-3 col-lg-offset-3 text-center">
-                       <a href="https://play.google.com/store/apps/details?id=org.openlp.android2"><img alt="Android app on Google Play" src="/google-play-badge.png" style="height: 40px"></a>
-                    </div>
-                    <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 text-center">
-                       <a href="https://f-droid.org/repository/browse/?fdid=org.openlp.android2"><img alt="Android app on F-Droid" src="/f-droid-badge.png" style="height: 40px"></a>
-                    </div>
-                    <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 text-center">
-                       <a href="https://itunes.apple.com/us/app/openlp-remote/id1096218725?mt=8" title="Download on the App Store"><img src="/app-store-badge.png"></a>
-                    </div>
-                </div>
-            </div>
-        </div>
         <div class="section">
             <div class="container object-non-visible" data-animation-effect="fadeIn">
                 <h1 class="text-center title" id="downloads">Downloads</h1>
@@ -480,6 +465,18 @@
                         </div>
                     </div>
                 </div>
+                <div class="lead text-center"><h2 id="mobile-app-downloads">Get the Mobile Remote App</h2></div>
+                <div class="lead row mobile-app">
+                  <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 col-md-offset-3 col-lg-offset-3 text-center">
+                       <a href="https://play.google.com/store/apps/details?id=org.openlp.android2"><img alt="Android app on Google Play" src="/google-play-badge.png" style="height: 40px"></a>
+                    </div>
+                    <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 text-center">
+                       <a href="https://f-droid.org/repository/browse/?fdid=org.openlp.android2"><img alt="Android app on F-Droid" src="/f-droid-badge.png" style="height: 40px"></a>
+                    </div>
+                    <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 text-center">
+                       <a href="https://itunes.apple.com/us/app/openlp-remote/id1096218725?mt=8" title="Download on the App Store"><img src="/app-store-badge.png"></a>
+                    </div>
+                </div>
                 <div class="space"></div>
                 <p class="lead text-center">Looking for nightlies and development versions? They are now found on our <a href="https://openlp.io/">developer site</a>.</p>
             </div>