From 01cd8ebc15286ec66faff4816c82df85540ed004 Mon Sep 17 00:00:00 2001
From: Gregory Eremin <g@erem.in>
Date: Thu, 29 Oct 2015 03:05:59 +0300
Subject: [PATCH] Make box plot more pretty

---
 dashboard/js/app.jsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/dashboard/js/app.jsx b/dashboard/js/app.jsx
index b3fd276..37996a9 100644
--- a/dashboard/js/app.jsx
+++ b/dashboard/js/app.jsx
@@ -101,49 +101,49 @@ var BoxPlot = React.createClass({
             return (
                 <g key={i}>
                     <line key="max"
-                        x1={x1}
-                        x2={x2}
+                        x1={x1+2}
+                        x2={x2-2}
                         y1={maxY}
                         y2={maxY}
                         strokeWidth={1}
-                        style={{stroke: "#444"}} />
+                        style={{stroke: "#aaa"}} />
                     <line key="max-bar"
                         x1={x1+width/2}
                         x2={x1+width/2}
                         y1={maxY}
                         y2={p75Y}
-                        strokeDasharray="4,2"
+                        strokeDasharray="3,1"
                         strokeWidth={1}
-                        style={{stroke: "#444"}} />
+                        style={{stroke: "#ccc"}} />
                     <rect key="iqr"
                         x={x1}
                         y={p75Y}
                         width={width}
                         height={p25Y - p75Y}
                         strokeWidth={1}
-                        style={{fill: "transparent", stroke: "#444"}} />
+                        style={{fill: "#f0f0f0", stroke: "#888"}} />
                     <line key="median"
                         x1={x1}
                         x2={x2}
                         y1={medianY}
                         y2={medianY}
-                        strokeWidth={1}
+                        strokeWidth={2}
                         style={{stroke: "#444"}} />
                     <line key="min-bar"
                         x1={x1+width/2}
                         x2={x1+width/2}
                         y1={minY}
                         y2={p25Y}
-                        strokeDasharray="4,2"
+                        strokeDasharray="3,1"
                         strokeWidth={1}
-                        style={{stroke: "#444"}} />
+                        style={{stroke: "#ccc"}} />
                     <line key="min"
-                        x1={x1}
-                        x2={x2}
+                        x1={x1+2}
+                        x2={x2-2}
                         y1={minY}
                         y2={minY}
                         strokeWidth={1}
-                        style={{stroke: "#444"}} />
+                        style={{stroke: "#aaa"}} />
                 </g>
             );
         };