# HG changeset patch
# User Dennis Fink <dennis.fink@c3l.lu>
# Date 2017-10-17 13:30:27
# Node ID 89ce79cc3ab3cc70d339a3a089771b67c06fe570
# Parent  6831fe6f767b02591a4d45d62fbfa7de2bf6c2a7

Make bridgeprogram responsive

diff --git a/ennstatus/templates/root/bridgeprogram.html b/ennstatus/templates/root/bridgeprogram.html
--- a/ennstatus/templates/root/bridgeprogram.html
+++ b/ennstatus/templates/root/bridgeprogram.html
@@ -22,16 +22,14 @@
 {% set title = "Bridge Program" %}
 
 {% block content %}
-  <div class="col-md-offset-1 col-md-10">
+  <div class="col-sm-12 col-md-offset-1 col-md-11">
     <h2>Bridge Program</h2>
     <p class="lead">Fight censorship! Our bridge program allows you to support the Tor network by adopting a Tor bridge.</p>
     <p> Rather than making a single donation, you can now fund a Tor bridge on your own. Bridges are an important element in the Tor network because they allow people to use the network even if the direct acces to its entry-nodes is blocked in their country. This is mainly the case for people living under oppressive regimes. <a href="https://www.torproject.org/docs/bridges" target="blank"><strong>Read more about Tor bridges</strong></a></p>
     <p>With a recurring contribution of 3 EUR/month (duration min. 12 months) you can help us keep such a bridge up and running. The servers for this project are located in Luxembourg.</p>
     <p>As a partner in our project you can choose the nickname of your bridge and follow it on <a href="{{ url_for('status.index') }}">Ënnstatus</a>, our self-made information-panel.</p>
   </div>
-  <div class="col-md-1">
-  </div>
-  <div class="col-md-offset-1 col-md-6">
+  <div class="col-sm-12 col-md-offset-1 col-md-6">
     <h2>Apply for the bridge program</h2>
     <form method="post" class="form form-horizontal" role="form">
       {{ form.hidden_tag() }}
@@ -97,7 +95,7 @@
       </div>
     </form>
   </div>
-  <div class="col-md-4">
+  <div class="col-sm-12 col-md-5">
     <h3>More information</h3>
     <p>You want to know more about our work?</p>
     <p>Our <a href="//wiki.enn.lu/doku.php?id=user:kahpa">bridge operator</a> will give you further information about the project.</p>