From 4ccbe6fdd621b4f55f7f818810b11484c2799460 Mon Sep 17 00:00:00 2001
From: Pranay Prateek <pranay.iitm@gmail.com>
Date: Fri, 22 Jan 2021 01:22:47 +0530
Subject: [PATCH] improving flamegraph tooltip vis

---
 frontend/src/components/traces/TraceGraph.css | 4 ++--
 frontend/src/components/traces/TraceGraph.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/traces/TraceGraph.css b/frontend/src/components/traces/TraceGraph.css
index 44473662fe..75adcd669e 100644
--- a/frontend/src/components/traces/TraceGraph.css
+++ b/frontend/src/components/traces/TraceGraph.css
@@ -4,14 +4,14 @@
 	background: rgba(0, 0, 0, 0.8);
 	color: #fff;
 	border-radius: 2px;
-	font-size: 6px;
+	font-size: 12px;
 }
 
 /* Creates a small triangle extender for the tooltip */
 .d3-tip:after {
 	box-sizing: border-box;
 	display: inline;
-	font-size: 6px;
+	font-size: 12px;
 	width: 100%;
 	line-height: 1;
 	color: rgba(0, 0, 0, 0.8);
diff --git a/frontend/src/components/traces/TraceGraph.tsx b/frontend/src/components/traces/TraceGraph.tsx
index 48dc6b9937..d355a51737 100644
--- a/frontend/src/components/traces/TraceGraph.tsx
+++ b/frontend/src/components/traces/TraceGraph.tsx
@@ -46,7 +46,7 @@ const _TraceGraph = (props: TraceGraphProps) => {
 		.default()
 		.attr("class", "d3-tip")
 		.html(function (d: any) {
-			return d.data.name + "<br>duration: " + d.data.value;
+			return d.data.name + "<br>duration: " + d.data.value/1000000+'ms';
 		});
 
 	const onClick = (z: any) => {