From e10d80b267244ab701fb75dfbfdf4939fd0fc452 Mon Sep 17 00:00:00 2001
From: Leopold Joy <leo@leopoldjoy.com>
Date: Wed, 31 Oct 2018 20:58:22 +0100
Subject: [PATCH] position polygon controls to improve UX

---
 src/components/PolygonControls/index.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/PolygonControls/index.js b/src/components/PolygonControls/index.js
index 9d49890..ae69264 100644
--- a/src/components/PolygonControls/index.js
+++ b/src/components/PolygonControls/index.js
@@ -21,7 +21,6 @@ const Container = styled.div`
     0px 1px 5px 0px rgba(0, 0, 0, 0.2),
     0px 2px 2px 0px rgba(0, 0, 0, 0.14),
     0px 3px 1px -2px rgba(0, 0, 0, 0.12);
-  margin-top: 16px;
   transform-origin: top left;
 
   animation: ${fadeInScale} 0.31s cubic-bezier(0.175, 0.885, 0.32, 1.275);
@@ -61,7 +60,7 @@ function PolygonControls (props) {
       style={{
         position: 'absolute',
         left: `${getHorizontallyCentralPoint(geometry.points)}%`,
-        top: `${getVerticallyLowestPoint(geometry.points)}%`,
+        top: `${(getVerticallyLowestPoint(geometry.points) + 10)}%`,
         ...props.style
       }}
     >