#167 fix marker lable in Safari and IE

Author: Michael Mrowetz

src/css-raw/perf-cascade.css

@@ -22,8 +22,6 @@
 .water-fall-chart .line-end.active,
 .water-fall-chart .line-start.active {display: block;}
 
-.water-fall-chart .mark-holder text {writing-mode:vertical-lr;}
-
 .left-fixed-holder .label-full-bg {fill: #fff; opacity: 0.9;}
 
 .time-scale line {stroke:#0cc; stroke-width:1;}

src/ts/waterfall/sub-components/svg-marks.ts

@@ -22,6 +22,7 @@ export function createMarks(context: Context, marks: Mark[]) {
     let lineHolder = svg.newG("line-holder");
     let lineLabelHolder = svg.newG("line-label-holder");
     let lineLabel = svg.newTextEl(mark.name, { x: x + "%", y: diagramHeight + 25 });
+    lineLabel.setAttribute("writing-mode", "tb");
     let lineRect: SVGGElement;
     mark.x = x;