From 96c34507d6bcecd52b9408bf8937cd6f9501c4c8 Mon Sep 17 00:00:00 2001
From: Simon Howe <footless@gmail.com>
Date: Fri, 19 Feb 2016 15:25:05 +0100
Subject: [PATCH] Back to a parallel proj. for stacks

---
 client/app/scripts/charts/node-shape-stack.js | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/client/app/scripts/charts/node-shape-stack.js b/client/app/scripts/charts/node-shape-stack.js
index 4f39e5d79..70d8ff5b9 100644
--- a/client/app/scripts/charts/node-shape-stack.js
+++ b/client/app/scripts/charts/node-shape-stack.js
@@ -12,23 +12,22 @@ export default function NodeShapeStack(props) {
   const propsOnlyHighlight = Object.assign({}, props, {onlyHighlight: true});
 
   const Shape = props.shape;
-  const [dx, dy] = [0, 6];
-  const ds = 0.075;
-  const dsx = (props.size * 2 + dx) / (props.size * 2);
-  const dsy = (props.size * 2 + dy) / (props.size * 2);
+  const [dx, dy] = [0, 4];
+  const dsx = (props.size * 2 + (dx * 2)) / (props.size * 2);
+  const dsy = (props.size * 2 + (dy * 2)) / (props.size * 2);
   const hls = [dsx, dsy];
 
   return (
     <g transform={`translate(${dx * -1}, ${dy * -1})`} className="stack">
-      <g transform={`translate(${dx * 2}, ${dy * 2}) scale(${1 - (2 * ds)}, ${1 - (2 * ds)})`}>
-        <Shape {...propsNoHighlight} />
-      </g>
-      <g transform={`translate(${dx * 1}, ${dy * 1}) scale(${1 - (1 * ds)}, ${1 - (1 * ds)})`}>
-        <Shape {...propsNoHighlight} />
-      </g>
-      <g transform={`translate(${dx * 0.5}, ${dy * 0.5}) scale(${hls})`} className="stack">
+      <g transform={`scale(${hls})translate(${dx}, ${dy}) `} className="stack">
         <Shape {...propsOnlyHighlight} />
       </g>
+      <g transform={`translate(${dx * 2}, ${dy * 2})`}>
+        <Shape {...propsNoHighlight} />
+      </g>
+      <g transform={`translate(${dx * 1}, ${dy * 1})`}>
+        <Shape {...propsNoHighlight} />
+      </g>
       <Shape {...propsNoHighlight} />
     </g>
   );