Graph: changed style of legend table mode to full width table and with headers, #1030

src/css/less/graph.less

@@ -53,6 +53,8 @@
 
 .graph-legend-table {
   display: table;
+  width: 100%;
+  margin: 0;
 
   .graph-legend-series {
     display: table-row;
@@ -63,73 +65,53 @@
     }
   }
 
-  .graph-legend-alias {
-    float: none;
-    display: table-cell;
-    white-space: nowrap;
-  }
-
-  .graph-legend-icon {
-    display: table-cell;
-    float: none;
-    white-space: nowrap;
-    padding: 0 4px;
-    top: 2px;
-  }
-
-  .graph-legend-value  {
-    float: none;
-    display: table-cell;
-    white-space: nowrap;
-    padding-left: 15px;
-  }
-}
-
-.graph-legend-big-table {
-  width: 100%;
-  margin: 0;
-
   td, .graph-legend-alias, .graph-legend-icon, .graph-legend-value {
-    padding: 2px 10px;
+    float: none;
+    display: table-cell;
     white-space: nowrap;
+    padding: 2px 10px;
     text-align: right;
     border-bottom: 1px solid @grafanaListBorderBottom;
-
-    &:first-child {
-      text-align: left;
-    }
-    &:last-child td {
-      border: none;
-    }
   }
 
   .graph-legend-icon {
     width: 5px;
-    padding-right: 0;
+    padding: 0;
+    top: 0;
+    .icon-minus {
+      position: relative;
+      top: 2px;
+    }
+  }
+
+ .graph-legend-value  {
+    padding-left: 15px;
   }
 
   .graph-legend-alias {
+    padding-left: 7px;
     text-align: left;
     width: 95%;
   }
 
+  .graph-legend-series:nth-child(odd) {
+    background-color: @grafanaListAccent;
+  }
+
+  .graph-legend-value {
+    &.current, &.max, &.min, &.total, &.avg {
+      &:before {
+        content: '';
+      }
+    }
+  }
+
   th {
     text-align: right;
     padding: 5px 10px;
     font-weight: bold;
     color: @blue
   }
-
-  .graph-legend-series:nth-child(odd) {
-    background-color: @grafanaListAccent;
-  }
-  .graph-legend-value {
-    &.current, &.max, &.min, &.total, &.avg {
-      &:before {
-        content: '';
-      }
-    }
-  }
 }
 
 .graph-legend-rightside {