From c499d3c8187d809f39a108f29848a105f0e598b8 Mon Sep 17 00:00:00 2001
From: Inga Mai <inga.mai@outlook.de>
Date: Thu, 23 Apr 2020 17:21:35 +0200
Subject: [PATCH] Fix alignment of labels displayed on the left or right in the
 gantt chart

---
 .../content/work_packages/timelines/elements/_labels.sass   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/content/work_packages/timelines/elements/_labels.sass b/app/assets/stylesheets/content/work_packages/timelines/elements/_labels.sass
index 2364b17e0a..f2a8e5cfc9 100644
--- a/app/assets/stylesheets/content/work_packages/timelines/elements/_labels.sass
+++ b/app/assets/stylesheets/content/work_packages/timelines/elements/_labels.sass
@@ -1,8 +1,10 @@
 @mixin timeline-label
+  display: flex
+  align-items: center
   height: 16px
   min-width: 20px
+  width: max-content
   font-size: 14px
-  display: inline-block
   white-space: nowrap
   vertical-align: middle
   pointer-events: none
@@ -33,7 +35,7 @@
     left: 0px
     top: 0px
     // Then translate by its own width + some margin
-    transform: translateX(calc(-100% - 10px))
+    transform: translateX(calc(-100% - 15px))
     // Ensure line-height is normal
     line-height: 1