better tooltip

index.html

@@ -196,12 +196,12 @@
        }
 
        div.style("opacity", .9);
-       div.style("left", (d3.event.pageX + 30) + "px")     
-          .style("top", (d3.event.pageY - 60) + "px")
-          .html("<b>Date : </b>" + dateFormat(entry.date) + "<br>"
-              + "<b>Morts : </b>" + entry.dc + "<br>"
-              + "<b>Réanimations : </b>" + entry.rea + "<br>"
-              + "<b>Hospitalisations : </b>" + entry.hosp + "<br>");
+       div.style("left", (d3.event.pageX - 80) + "px")     
+          .style("top", (d3.event.pageY - 80) + "px")
+          .html("<b>Date&nbsp;:&nbsp;</b>" + dateFormat(entry.date) + "<br>"
+              + "<b>Morts&nbsp;:&nbsp;</b>" + entry.dc + "<br>"
+              + "<b>Réanimations&nbsp;:&nbsp;</b>" + entry.rea + "<br>"
+              + "<b>Hospitalisations&nbsp;:&nbsp;</b>" + entry.hosp + "<br>");
      }).on("mouseout", function() {
        var mouse_x = d3.mouse(this)[0];
        var mouse_y = d3.mouse(this)[1];
@@ -215,7 +215,7 @@
     <div class="bar">
       <button onclick="reload('data.php?col=rea', 'Patients en réanimation')">Réanimation</button>
       <button onclick="reload('data.php?col=hosp', 'Patients hospitalisés')">Hospitalisations</button>
-      <button onclick="reload('data.php?col=dc', 'Décès')">Décès</button>
+      <button onclick="reload('data.php?col=dc', 'Décès')">Décès en millieu hospitalier</button>
     </div>
   </body>
 </html>