fixing split chart class names and margins (#12663)

elastic · Jul 12, 2017 · 4349a53 · 4349a53
1 parent 574f5ca
commit 4349a53
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/ui/public/vislib/lib/layout/splits/column_chart/chart_split.js b/src/ui/public/vislib/lib/layout/splits/column_chart/chart_split.js
@@ -43,11 +43,15 @@ export function VislibLibLayoutSplitsColumnChartChartSplitProvider() {
         .append('div')
         .attr('class', function (d, i) {
           let fullDivClass = divClass;
-          if (chartsNumber > 1) {
-            if (i === 0) {
-              fullDivClass += ' chart-first';
-            } else if (i === chartsNumber - 1) {
-              fullDivClass += ' chart-last';
+          if (fullDivClass !== 'chart') {
+            if (chartsNumber > 1) {
+              if (i === 0) {
+                fullDivClass += ' chart-first';
+              } else if (i === chartsNumber - 1) {
+                fullDivClass += ' chart-last';
+              }
+            } else {
+              fullDivClass += ' chart-first chart-last';
             }
           }
           return fullDivClass;

diff --git a/src/ui/public/vislib/styles/_layout.less b/src/ui/public/vislib/styles/_layout.less
@@ -94,7 +94,7 @@
   display: flex;
   flex: 1 0 0px;
   overflow: visible;
-  margin: 0;
+  margin: 5px;
   min-height: 0;
   min-width: 0;
 }