From e2c24de1be86c8deb6cb2144e75d32467a112ea1 Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Thu, 20 Oct 2022 20:16:56 -0700
Subject: [PATCH] Restore tick centering

---
 src/components/ScrollerManager.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/ScrollerManager.vue b/src/components/ScrollerManager.vue
index 60394516..9e4b5c1b 100644
--- a/src/components/ScrollerManager.vue
+++ b/src/components/ScrollerManager.vue
@@ -23,7 +23,7 @@
         <div v-for="tick of visibleTicks" :key="tick.key"
              class="tick"
             :class="{ 'dash': !tick.text }"
-            :style="{ transform: `translateY(${tick.top}px)` }">
+            :style="{ transform: `translateY(calc(${tick.top}px - 50%))` }">
 
             <span v-if="tick.text">{{ tick.text }}</span>
         </div>
@@ -428,7 +428,6 @@ export default class ScrollerManager extends Mixins(GlobalMixin) {
         right: 9px;
         top: 0;
         transition: transform 0.2s linear;
-        transform: translateY(-50%);
         z-index: 1;
 
         &.dash {