position polygon controls to improve UX

flyingcarpet-network · Oct 31, 2018 · e10d80b · e10d80b
1 parent d8fe1cf
commit e10d80b
Showing 1 changed file with 1 addition and 2 deletions.
diff --git 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
       }}
     >