Added suggested patch

themes/openlp2v2/assets/css/custom.css

@@ -275,6 +275,13 @@ article blockquote p:first-child {
     text-align: left;
 }
 
+.social-links {
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 36px;
+    width: 387px;
+}
+
 .social-links li.reddit a:hover {
     color: #ff4500;
 }

themes/openlp2v2/templates/front_page.html

@@ -458,18 +458,27 @@
                     <h1 class="title text-center" id="support">Support</h1>
                     <div class="space"></div>
                     <div class="row">
-                        <!--<div class="col-sm-6">-->
+                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                             <div class="footer-content">
-                                <p class="large">OpenLP is not developed by a company, but by a group of volunteers who dedicate part of their spare time to developing this application. Please be patient if we do not answer immediately.</p>
+                                <p class="large">OpenLP is not developed by a company, but by a group of volunteers who dedicate part of their spare time to developing this application. These same developers try to also find time to answer support requests. You can help the developers by reading the <a href="http://manual.openlp.org/" title="OpenLP Manual">manual</a> (which has both <a href="http://manual.openlp.org/faq.html">Frequently Asked Questions</a> and a <a href="http://manual.openlp.org/troubleshooting.html">Troubleshooting Guide</a>) and browsing the <a href="http://forums.openlp.org/" title="OpenLP Forums">forums</a> where a number of folks in our community can help to answer your questions.</p>
+                            </div>
+                        </div>
+                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                             <ul class="list-icons">
-                                    <li><i class="fa fa-fw fa-book pr-10"></i> Manual: <a href="http://manual.openlp.org/">manual.openlp.org</a>, including a <a href="http://manual.openlp.org/faq.html">FAQ</a> and a <a href="http://manual.openlp.org/troubleshooting.html">troubleshooting guide</a></li>
+                                <li><i class="fa fa-fw fa-book pr-10"></i> Manual: <a href="http://manual.openlp.org/">manual.openlp.org</a></li>
                                 <li><i class="fa fa-fw fa-comments pr-10"></i> Forums: <a href="https://forums.openlp.org">forums.openlp.org</a></li>
                                 <li><i class="fa fa-fw fa-pencil-square-o pr-10"></i> Wiki: <a href="http://wiki.openlp.org/">wiki.openlp.org</a></li>
                                 <li><i class="fa fa-fw fa-envelope-o pr-10"></i> E-mail: support(at)openlp.org</li>
+                            </ul>
+                        </div>
+                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
+                            <ul class="list-icons">
                                 <li><i class="fa fa-fw fa-comments pr-10"></i> IRC Channel: <a href="http://webchat.freenode.net/?randomnick=1&amp;channels=openlp&amp;prompt=1&amp;uio=d4">#openlp on Freenode.net</a></li>
                                 <li><i class="fa fa-fw fa-wrench pr-10"></i> Developer Central: <a href="https://openlp.io/">openlp.io</a></li>
                                 <li><i class="fa fa-fw fa-money pr-10"></i> Donate: <a href="/donate">find out more</a></li>
                             </ul>
+                        </div>
+                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                 <ul class="social-links">
                                     <li class="googleplus"><a target="_blank" href="https://plus.google.com/b/117120749304988900189/117120749304988900189" title="Follow us on Google+"><i class="fa fa-google-plus-square"></i></a></li>
                                     <li class="facebook"><a target="_blank" href="https://www.facebook.com/openlp" title="Follow us on Facebook"><i class="fa fa-facebook-square"></i></a></li>
@@ -479,7 +488,7 @@
                                     <li class="linkedin"><a target="_blank" href="https://www.linkedin.com/grp/home?gid=96031" title="Follow us on LinkedIn"><i class="fa fa-linkedin-square"></i></a></li>
                                 </ul>
                         </div>
-                        <!--</div>
+                        <!-- /div>
                         <div class="col-sm-6">
                             <div class="footer-content">
                                 <div id="success-alert" class="hidden alert alert-success" role="alert">
@@ -521,7 +530,7 @@
                                     <input type="submit" value="Send" class="btn btn-default">
                                 </form>
                             </div>
-                        </div>-->
+                        </div -->
                     </div>
                 </div>
             </div>