From 9cdda3abf6cbe56d84f1abf4a71e1ef16077aa7e Mon Sep 17 00:00:00 2001
From: Jamie Wong <jamie.lf.wong@gmail.com>
Date: Tue, 29 May 2018 13:46:14 -0700
Subject: [PATCH] Fix position of x axis labels (#50)

This was broken by #48
---
 flamechart-view.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/flamechart-view.tsx b/flamechart-view.tsx
index fb815e4..572b150 100644
--- a/flamechart-view.tsx
+++ b/flamechart-view.tsx
@@ -207,6 +207,7 @@ export class FlamechartPanZoomView extends ReloadableComponent<FlamechartPanZoom
     ctx.font = `${physicalViewSpaceFontSize}px/${physicalViewSpaceFrameHeight}px ${
       FontFamily.MONOSPACE
     }`
+    ctx.textBaseline = 'alphabetic'
     ctx.fillStyle = Colors.DARK_GRAY
 
     const minWidthToRender = cachedMeasureTextWidth(ctx, 'M' + ELLIPSIS + 'M')
@@ -358,6 +359,7 @@ export class FlamechartPanZoomView extends ReloadableComponent<FlamechartPanZoom
       ctx.fillStyle = 'rgba(255, 255, 255, 0.8)'
       ctx.fillRect(0, 0, physicalViewSize.x, physicalViewSpaceFrameHeight)
       ctx.fillStyle = Colors.GRAY
+      ctx.textBaseline = 'top'
       for (let x = Math.ceil(left / interval) * interval; x < right; x += interval) {
         // TODO(jlfwong): Ensure that labels do not overlap
         const pos = Math.round(configToPhysical.transformPosition(new Vec2(x, 0)).x)