From e4b3f31f8275839bd6a69cdb51b2bc06e2138a95 Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Wed, 24 Oct 2018 17:38:10 +0300
Subject: [PATCH] graph legend: fix table alignment

---
 public/app/plugins/panel/graph/Legend/Legend.tsx | 7 ++++++-
 public/sass/components/_panel_graph.scss         | 7 +++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/public/app/plugins/panel/graph/Legend/Legend.tsx b/public/app/plugins/panel/graph/Legend/Legend.tsx
index c366004cd9f..7af61fde4e9 100644
--- a/public/app/plugins/panel/graph/Legend/Legend.tsx
+++ b/public/app/plugins/panel/graph/Legend/Legend.tsx
@@ -250,7 +250,10 @@ class LegendTable extends PureComponent<Partial<LegendComponentProps>> {
     const seriesValuesProps = { values, min, max, avg, current, total };
     return (
       <table>
-        <tbody>
+        <colgroup>
+          <col style={{ width: '100%' }} />
+        </colgroup>
+        <thead>
           <tr>
             <th style={{ textAlign: 'left' }} />
             {LEGEND_STATS.map(
@@ -266,6 +269,8 @@ class LegendTable extends PureComponent<Partial<LegendComponentProps>> {
                 )
             )}
           </tr>
+        </thead>
+        <tbody>
           {seriesList.map((series, i) => (
             <LegendItem
               key={`${series.id}-${i}`}
diff --git a/public/sass/components/_panel_graph.scss b/public/sass/components/_panel_graph.scss
index 96f01581724..96bcd404381 100644
--- a/public/sass/components/_panel_graph.scss
+++ b/public/sass/components/_panel_graph.scss
@@ -136,11 +136,10 @@
 }
 
 .graph-legend-table {
+  table {
+    width: 100%;
+  }
   tbody {
-    display: block;
-    position: relative;
-    overflow-y: auto;
-    overflow-x: hidden;
     padding-bottom: 1px;
     padding-right: 5px;
     padding-left: 5px;