fix: more phantomjs fixes

public/sass/components/_panel_graph.scss

@@ -16,6 +16,10 @@
       padding-left: 0px;
       padding-left: 0px;
     }
     }
 
 
+    .graph-legend-table {
+      width: auto;
+    }
+
     .graph-legend-table .graph-legend-series {
     .graph-legend-table .graph-legend-series {
       display: table-row;
       display: table-row;
     }
     }
@@ -45,7 +49,7 @@
 .graph-legend {
 .graph-legend {
   flex: 0 1 auto;
   flex: 0 1 auto;
   max-height: 30%;
   max-height: 30%;
-  margin: 0 $spacer;
+  margin: 0;
   text-align: center;
   text-align: center;
   padding-top: 6px;
   padding-top: 6px;
   position: relative;
   position: relative;
@@ -106,10 +110,13 @@
   padding-left: 6px;
   padding-left: 6px;
 }
 }
 
 
+// fix for phantomjs
 .body--phantomjs {
 .body--phantomjs {
+  .graph-panel--legend-right {
     .graph-legend-table {
     .graph-legend-table {
       display: table;
       display: table;
     }
     }
+  }
 }
 }
 
 
 .graph-legend-table {
 .graph-legend-table {
@@ -120,6 +127,7 @@
     height: 100%;
     height: 100%;
     padding-bottom: 1px;
     padding-bottom: 1px;
     padding-right: 5px;
     padding-right: 5px;
+    padding-left: 5px;
   }
   }
 
 
   .graph-legend-series {
   .graph-legend-series {