From 7d8cb0a3d4c2d376ab986f641f9cb42af3b87dec Mon Sep 17 00:00:00 2001
From: lena-larionova <54370747+lena-larionova@users.noreply.github.com>
Date: Fri, 18 Mar 2022 15:41:50 -0700
Subject: [PATCH] adjust positioning of badges and tooltips in headers

---
 app/_assets/stylesheets/badges.less | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/app/_assets/stylesheets/badges.less b/app/_assets/stylesheets/badges.less
index d77926d61436..9d8cd54314df 100644
--- a/app/_assets/stylesheets/badges.less
+++ b/app/_assets/stylesheets/badges.less
@@ -1,5 +1,4 @@
 .badge {
-  display: inline-flex;
   &:after {
       display: inline-block;
       font-weight: 600;
@@ -104,6 +103,7 @@
 
 span.badge {
   vertical-align: text-bottom;
+  display: inline-flex;
 }
 
 h2.badge, h3.badge, h4.badge, h5.badge {
@@ -113,7 +113,6 @@ h2.badge, h3.badge, h4.badge, h5.badge {
 
   &:hover {
     .tooltiptext {
-      top: 70%;
       left: 7px;
     }
   }
@@ -133,7 +132,33 @@ h1.badge {
   }
 }
 
+h2.badge {
+  &:hover {
+    .tooltiptext {
+      top: 3px;
+    }
+  }
+}
+
+h3.badge {
+  &:hover {
+    .tooltiptext {
+      top: 4px;
+    }
+  }
+}
+
+h4.badge, h5.badge {
+  &:hover {
+    .tooltiptext {
+      top: 5px;
+    }
+  }
+}
+
 a.badge {
+  display: inline-flex;
+
   &:hover, &:focus {
     opacity: 0.9;
     text-decoration: none;