From 8099666f38c43f14a0918d49ea917b5df4d0d534 Mon Sep 17 00:00:00 2001
From: Ansis Brammanis <ansis.brammanis@gmail.com>
Date: Fri, 22 Feb 2013 17:37:06 -0500
Subject: [PATCH] Fix tail position

---
 css/app.css       | 14 ++++++++++++++
 js/lib/d3.tail.js |  1 +
 2 files changed, 15 insertions(+)

diff --git a/css/app.css b/css/app.css
index bc8133df4..00a3d3c4c 100644
--- a/css/app.css
+++ b/css/app.css
@@ -1509,6 +1509,20 @@ a.success-action {
     border-width: 5px 0 5px 5px;
 }
 
+.left.tail::after {
+    content: "";
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+    top: 50%;
+    left: -5px;
+    margin-top: -5px;
+    border-right-color: white;
+    border-width: 5px 5px 5px 0;
+}
+
 .tooltip-arrow {
     position: absolute;
     width: 0;
diff --git a/js/lib/d3.tail.js b/js/lib/d3.tail.js
index 9adbe8c46..08381c3f9 100644
--- a/js/lib/d3.tail.js
+++ b/js/lib/d3.tail.js
@@ -33,6 +33,7 @@ d3.tail = function() {
             if (text === false) return;
             var xoffset = ((d3.event.clientX + tooltip_size[0] + xmargin) > selection_size[0]) ?
                 -tooltip_size[0] - xmargin : xmargin;
+            container.classed('left', xoffset > 0);
             container.style(transformProp, 'translate(' +
                 (~~d3.event.clientX + xoffset) + 'px,' +
                 ~~d3.event.clientY + 'px)');