[fix + refa] fix first line which was not collapsing + refa titleList management

templates/timeline.html.j2

@@ -3,7 +3,6 @@
 {% block pageTitle %}Repères chronologiques{% endblock %}
 
 {% block css %}
-  <!-- <link href="{{ url_for('static', filename='css/libs/frappe-gantt.min.css') }}" rel="stylesheet"/> -->
   <link href="{{ url_for('static', filename='css/libs/vis-timeline-graph2d.min.css') }}" rel="stylesheet"/>
   <link href="{{ url_for('static', filename='css/timeline.css') }}" rel="stylesheet"/>
 {% endblock %}
@@ -13,17 +12,15 @@
 {% block body %}
   <h2 class="title">Repères chronologiques</h2>
 
-  <!-- <div class="row">
+  <div class="row">
     <div class="col" id="instructions">
-      <p>Plusieurs possibilités pour manipuler le graphe :</p>
+      <p>Pour manipuler la frise chornologique :</p>
+      <ul>
+        <li>Utiliser la roulette à l'intérieur du cadre pour zoomer-dézoomer.</li>
+        <li>Maintenir appuyé dans le cadre déplaçant la souris permet de se déplacer dans la frise.</li>
+      </ul>
     </div>
   </div>
-  <div class="row justify-content-center" id="graph">
-  </div> -->
-
-  <!-- <div id="gantt-container">
-    <svg id="gantt"></svg>
-  </div> -->
 
 
   <div id="visualization"></div>
@@ -32,7 +29,6 @@
 
 {% block js %}
   <script src="{{ url_for('static', filename='js/libs/jquery-3.3.1.js') }}"></script>
-  <!-- <script src="{{ url_for('static', filename='js/libs/frappe-gantt.min.js') }}"></script> -->
   <script src="{{ url_for('static', filename='js/libs/vis-timeline-graph2d.min.js') }}"></script>
   <script src="{{ url_for('static', filename='js/timeline.js') }}"></script>
 {% endblock %}