1 files changed, 8 insertions, 5 deletions
diff --git a/animism-align/frontend/views/align/align.util.js b/animism-align/frontend/views/align/align.util.js
index ce72aef..d7b4c39 100644
--- a/animism-align/frontend/views/align/align.util.js
+++ b/animism-align/frontend/views/align/align.util.js
@@ -1,9 +1,13 @@
 import { ZOOM_STEPS } from './constants'
 import { clamp } from '../../util'
+import actions from '../../actions'
+
+import { HEADER_MARGIN, INNER_HEIGHT } from './constants'
 
 export const positionToTime = (y, { start_ts, zoom, duration }) => {
+  y -= HEADER_MARGIN
   const secondsPerPixel = ZOOM_STEPS[zoom] * 0.1
-  const widthTimeDuration = window.innerHeight * secondsPerPixel
+  const widthTimeDuration = INNER_HEIGHT * secondsPerPixel
   const timeMin = start_ts
   const timeMax = Math.min(start_ts + widthTimeDuration, duration)
   const timeWidth = timeMax - timeMin
@@ -11,20 +15,19 @@ export const positionToTime = (y, { start_ts, zoom, duration }) => {
 }
 
 export const timeToPosition = (ts, { start_ts, zoom, duration }) => {
-  const height = window.innerHeight
   const secondsPerPixel = ZOOM_STEPS[zoom] * 0.1
-  const widthTimeDuration = height * secondsPerPixel
+  const widthTimeDuration = INNER_HEIGHT * secondsPerPixel
   const timeMin = start_ts
   const timeMax = Math.min(start_ts + widthTimeDuration, duration)
   const timeWidth = timeMax - timeMin
-  const timeHalfHeight = height * secondsPerPixel / 2
+  const timeHalfHeight = INNER_HEIGHT * secondsPerPixel / 2
   if (ts < timeMin - timeHalfHeight) {
     return -9999
   }
   if (ts > timeMax) {
     return -9999
   }
-  return (ts - timeMin) / timeWidth * height
+  return (ts - timeMin) / timeWidth * INNER_HEIGHT
 }
 
 export const getFirstPunctuationMarkIndex = text => {