From 295fefb2dc2884896d06406d50f62c054b48ba59 Mon Sep 17 00:00:00 2001
From: Johannes Schill <johannes.schill@polyester.se>
Date: Mon, 19 Nov 2018 09:29:21 +0100
Subject: [PATCH] Tooltip should be able to take up space when used on an
 absolute positioned element

---
 .../dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx      | 4 ++--
 public/sass/components/_popper.scss                           | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx b/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx
index 7a9e0729c41..60471cff19f 100644
--- a/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx
+++ b/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx
@@ -43,7 +43,7 @@ export class PanelHeaderCorner extends PureComponent<Props> {
         <div dangerouslySetInnerHTML={{ __html: remarkableInterpolatedMarkdown }} />
         {panel.links &&
           panel.links.length > 0 && (
-            <ul>
+            <ul className="text-left">
               {panel.links.map((link, idx) => {
                 const info = linkSrv.getPanelLinkAnchorInfo(link, panel.scopedVars);
                 return (
@@ -74,7 +74,7 @@ export class PanelHeaderCorner extends PureComponent<Props> {
         {infoMode === InfoModes.Info || infoMode === InfoModes.Links ? (
           <Tooltip
             content={this.getInfoContent}
-            className="absolute"
+            className="popper__manager--block"
             refClassName={`panel-info-corner panel-info-corner--${infoMode.toLowerCase()}`}
           >
             <i className="fa" />
diff --git a/public/sass/components/_popper.scss b/public/sass/components/_popper.scss
index ae7cc46435e..79dc24f5e43 100644
--- a/public/sass/components/_popper.scss
+++ b/public/sass/components/_popper.scss
@@ -88,3 +88,7 @@
 .popper__manager {
   display: inline-block;
 }
+
+.popper__manager--block {
+  display: block;
+}