Move add position button

static/css/custom.css

@@ -198,28 +198,6 @@ select:focus, select.form-control:focus {
 }
 
 
-/***************************************************************
-					Add a position
-***************************************************************/
-#btn-position {
-  position: fixed;
-  z-index: 5;
-}
-
-@media (min-width: 768px) {
-  #btn-position {
-    bottom: 2em;
-    right: 2em;
-  }
-}
-
-@media (max-width: 768px) {
-  #btn-position {
-    bottom: 1em;
-    right: 1em;
-  }
-}
-
 /***************************************************************
 					Index
 ***************************************************************/

templates/_base_intro.html

 {% load i18n %}
+{% load bootstrap3 %}
 {% load staticfiles %}
 
 <div id="intro">
@@ -11,7 +12,14 @@
     <p class="text-justify hidden-xs">{% trans "Political Memory is a tool designed by La Quadrature du Net to help citizens reach their representative and track their voting records on issues related to fundamental freedoms online." %}</p>
     <div class="container-fluid hidden-xs">
         <div class="row">
-            <div class="pull-right">
+            <div class="col-sm-6">
+                <a class="btn btn-primary hidden-print" data-toggle="modal" data-target="#addposition" aria-expanded="false" aria-controls="addposition">
+                    {% bootstrap_icon "bullhorn" %}
+                    Add a public position
+                </a>
+
+            </div>
+            <div class="col-sm-6 text-right">
                 <a class="btn btn-default">{% trans "More on our blog" %}</a>
             </div>
         </div>

templates/_base_position.html

-<button class="btn btn-default hidden-print" type="button" data-toggle="modal" data-target="#addposition" aria-expanded="false" aria-controls="addposition" id="btn-position">
-    <span class="lead hidden-xs">
-        <span class="glyphicon glyphicon-user"></span>
-        <sup><span class="glyphicon glyphicon-comment"></span></sup>
-    </span>
-    <br class="lead hidden-xs">
-    Add a <span class="hidden-xs">MEP's<br></span>public position
-</button>

templates/base.html

@@ -57,13 +57,12 @@
             {% endblock %}
             </div>
 
-            {% include '_base_position.html' %}
             {% include '_position_form_modal.html' %}
 
             <div class="col-sm-9 col-sm-offset-3 {% block container-class %}{% endblock %}">
-            {% block content %}
-            <div class="text-danger">This template is empty !</div>
-            {% endblock %}
+                {% block content %}
+                    <div class="text-danger">This template is empty !</div>
+                {% endblock %}
             </div>
         </div>
     </div>