From f339db494be728b0e79a3534fa0888dc6d41d681 Mon Sep 17 00:00:00 2001
From: just-boris <just-boris@hotmail.com>
Date: Mon, 23 Nov 2015 00:17:29 +0300
Subject: [PATCH] reduce gaps between marks

---
 src/Marks.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Marks.jsx b/src/Marks.jsx
index f4eaf49..834e5bf 100644
--- a/src/Marks.jsx
+++ b/src/Marks.jsx
@@ -5,7 +5,7 @@ const Marks = ({className, marks, included, upperBound, lowerBound, max, min}) =
   const marksKeys = Object.keys(marks);
   const marksCount = marksKeys.length;
   const unit = 100 / (marksCount - 1);
-  const markWidth = unit / 2 + '%';
+  const markWidth = unit * 0.9;
 
   const range = max - min;
   const elements = marksKeys.map(parseFloat).map((point) => {
@@ -16,8 +16,8 @@ const Marks = ({className, marks, included, upperBound, lowerBound, max, min}) =
       [className + '-text-active']: isActived,
     });
 
-    const style = { width: markWidth };
-    style.left = (point - min) / range * 100 - unit / 4 + '%';
+    const style = { width: markWidth + '%' };
+    style.left = (point - min) / range * 100 - markWidth / 2 + '%';
 
     return (<span className={markClassName} style={style} key={point}>
              {marks[point]}