From 268e7d3cccb382220de00a32d99edd7364a32d4b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ville=20K=C3=B6n=C3=B6nen?= <ville@nomasi.com>
Date: Thu, 29 Jun 2017 01:03:00 +0300
Subject: [PATCH 1/2] Indicator placement bug at IE11 fixed, as reported in
 issue #34

---
 src/common/SizeSlider.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/common/SizeSlider.scss b/src/common/SizeSlider.scss
index fe02ebd..c5afb20 100644
--- a/src/common/SizeSlider.scss
+++ b/src/common/SizeSlider.scss
@@ -37,6 +37,7 @@
   svg.recommendation, svg.indicator {
     position: absolute;
     height: 18px;
+    width: 18px;
     bottom: -4px;
     transition: left 0.5s ease-in-out;
 	cursor: help;
@@ -78,6 +79,7 @@
 
   svg.recommendation {
 	bottom: 0;
+    width: 36px;	
     path {
       fill: $recommendation_color;
       fill-opacity: 0.75;

From 8c672bc0659e4457b8a5baf4fc39173935bb5472 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ville=20K=C3=B6n=C3=B6nen?= <ville@nomasi.com>
Date: Thu, 29 Jun 2017 01:03:42 +0300
Subject: [PATCH 2/2] FitIndicator placement refined (placement: width / 2?)

---
 src/common/SizeSlider.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/common/SizeSlider.jsx b/src/common/SizeSlider.jsx
index e4e3cc9..6ae7bf4 100644
--- a/src/common/SizeSlider.jsx
+++ b/src/common/SizeSlider.jsx
@@ -7,7 +7,7 @@ import ReactTooltip from "react-tooltip";
 import SizeSelector from "../api/SizeSelector";
 
 const FitIndicator = (props) => {
-    const left = `calc(${props.value}% - 8px`;
+    const left = `calc(${props.value}% - 9px`;
     const { selectedSize, t } = props;
     const size = SizeSelector.sizeMapper.filter(([size]) => size === selectedSize)
         .map(([_, sizeName]) => sizeName)[0] || "";