collapsing draw area properly, buttons working

css/style.css

@@ -15,6 +15,43 @@ body {
   }
 }
 
+.panel-toggle, 
+.panel-toggle:link, 
+.panel-toggle:active, 
+.panel-toggle:hover, 
+.panel-toggle:visited {
+  text-decoration : none ;
+  outline : 0 ;
+}
+
+.collapse-marker:before {
+  content: "\e097" ;
+}
+
+.collapsed>.collapse-marker:before {
+  content: "\e096" ;
+}
+
+.collapsed>.collapse-hint-close {
+  display : none ;
+}
+
+.collapse-hint-open {
+  display : none ;
+}
+
+.collapsed>.collapse-hint-open {
+  display : inline-block ;
+}
+
+.collapse-hint-close, .collapse-hint-open {
+  margin-left : 10px ;
+}
+
+.collapse-marker {
+  margin-right : 10px ;
+}
+
 #root-containet {
   background : #fff ;
 }

explorer.php

@@ -487,9 +487,21 @@
             <div class="panel panel-default">
               <div class="panel-heading">
                 <h3 class="panel-title pull-left" id="draw-title">
-                  <a href="#draw-container" data-toggle="collapse">Carte</a>
+                  <a class="panel-toggle collapsed" href="#draw-container" data-toggle="collapse">
+                    <span class="glyphicon collapse-marker"></span>
+                    Carte
+                    <span class="collapse-hint-open"><small>(cliquer pour ouvrir)</small></span>
+                    <span class="collapse-hint-close"><small>(cliquer pour fermer)</small></span>
+                  </a>
                 </h3>
                 <div class="btn-group pull-right" role="group">
+                  <button 
+                    class="btn btn-default" 
+                    type="button" 
+                    id="draw-clear"
+                    >
+                    <span class="glyphicon glyphicon-trash"></span>
+                  </button>
                   <button 
                     class="btn btn-default" 
                     type="button"