From 78ec84477e978a654ecfd482157dbf04a69f32e2 Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shp@cock.li>
Date: Thu, 9 Jul 2020 12:49:16 +0300
Subject: [PATCH] fix pixel offset hack in panel heading

---
 src/components/timeline/timeline.vue           | 1 +
 src/components/timeline_menu/timeline_menu.vue | 7 ++-----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index caac5538..c637dbd4 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -113,6 +113,7 @@
   }
   .loadmore-text {
     flex-shrink: 0;
+    line-height: 1em;
   }
 }
 </style>
diff --git a/src/components/timeline_menu/timeline_menu.vue b/src/components/timeline_menu/timeline_menu.vue
index 9a3719f7..add8a6eb 100644
--- a/src/components/timeline_menu/timeline_menu.vue
+++ b/src/components/timeline_menu/timeline_menu.vue
@@ -63,11 +63,8 @@
   width: 24rem;
   .timeline-menu-popover-wrap {
     overflow: hidden;
-    // Hack: timeline heading padding is 0.6em with 14px font font-size
-    // in theory 0.6rem should match that exactly, but in reality it doesn't
-    // for seemingly rounding errors in both major browsers. This looks
-    // correct in firefox in chromium.
-    margin-top: calc(0.6rem + 1.5px);
+    // Match panel heading padding to line up menu with bottom of heading
+    margin-top: 0.6rem;
     padding: 0 15px 15px 15px;
   }
   .timeline-menu-popover {