Move the code of the responsive buttons "next" and "previous" from nlayout.html to his child template webmail/index.html

modoboa/extensions/webmail/templates/webmail/index.html

@@ -30,6 +30,15 @@ $(document).ready(function() {
 </script>
 {% endblock %}
 
+{% block pagination_responsive %}
+<div class="display-less-1198 pull-right">
+    <a href="{{ baseurl }}page={{ page.previous_page_number }}" class="btn btn-lg btn-link glyphicon glyphicon-chevron-left" type="button">
+    </a>
+    <a href="{{ baseurl }}page={{ page.next_page_number }}" class="btn btn-lg btn-link glyphicon glyphicon-chevron-right" type="button">
+    </a>
+</div>
+{% endblock %}
+
 {% block fixed_content %}
 <div class="row">
     <div id="leftcol" class="col-lg-2 col-md-3 col-ms-3 col-xs-0">
@@ -51,5 +60,4 @@ $(document).ready(function() {
   <label id="quotaraw" class="pull-left navbar-text">{{ quota }}%</label>
 </div>
 {% endif %}
-{% endblock %}
-
+{% endblock %}

modoboa/templates/common/pagination_responsive.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title></title>
+</head>
+<body>
+
+</body>
+</html>

modoboa/templates/nlayout.html

@@ -35,12 +35,7 @@
                     <span class="">Mailbox</span>
                 </button>
             </div>
-            <div class="display-less-1198 pull-right">
-                <a href="{{ baseurl }}page={{ page.previous_page_number }}" class="btn btn-lg btn-link glyphicon glyphicon-chevron-left" type="button">
-                </a>
-                <a href="{{ baseurl }}page={{ page.next_page_number }}" class="btn btn-lg btn-link glyphicon glyphicon-chevron-right" type="button">
-                </a>
-            </div>
+            {% block pagination_responsive %}{% endblock %}
             <div id="navigate-navbar-collapse" class="collapse navbar-collapse">
                 <ul class="nav navbar-nav display-less-1198">
                     <li class="droppable active ui-droppable" name="INBOX">