panel-header: Move the panel description/links/error container outside of panel…

panel-header: Move the panel description/links/error container outside of panel header to not interfere with the react-grid stuff

public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx

@@ -43,7 +43,7 @@ export class PanelHeader extends PureComponent<Props, State> {
     const panelHeaderClass = classNames({ 'panel-header': true, 'grid-drag-handle': !isFullscreen });
     const panelHeaderClass = classNames({ 'panel-header': true, 'grid-drag-handle': !isFullscreen });
     const { panel, dashboard, timeInfo } = this.props;
     const { panel, dashboard, timeInfo } = this.props;
     return (
     return (
-      <div className={panelHeaderClass}>
+      <>
         {panel.description && (
         {panel.description && (
           <Tooltip
           <Tooltip
             content={panel.description}
             content={panel.description}
@@ -60,6 +60,7 @@ export class PanelHeader extends PureComponent<Props, State> {
           </span>
           </span>
         )}
         )}
 
 
+        <div className={panelHeaderClass}>
           <div className="panel-title-container" onClick={this.onMenuToggle}>
           <div className="panel-title-container" onClick={this.onMenuToggle}>
             <div className="panel-title">
             <div className="panel-title">
               <span className="icon-gf panel-alert-icon" />
               <span className="icon-gf panel-alert-icon" />
@@ -81,6 +82,7 @@ export class PanelHeader extends PureComponent<Props, State> {
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
+      </>
     );
     );
   }
   }
 }
 }