From c0b80f2d894502faad6d32ea73cec3a1ddb87d32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebasti=C3=A1n=20Alvarez?= <seba.alvarez16@gmail.com>
Date: Mon, 11 May 2020 13:55:44 -0300
Subject: [PATCH] feat(lock): Lock/unlock button at bottom

---
 src/plugins/Controls/index.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/plugins/Controls/index.tsx b/src/plugins/Controls/index.tsx
index 2730c61c..79519e43 100644
--- a/src/plugins/Controls/index.tsx
+++ b/src/plugins/Controls/index.tsx
@@ -33,12 +33,6 @@ export default ({ style, className }: ControlProps) => {
         ...style,
       }}
     >
-      <div
-        className={`react-flow__controls-button react-flow__controls-${isInteractive? 'unlocked' : 'locked' }`}
-        onClick={() => setInteractive(!isInteractive)}
-      >
-        { isInteractive ? <UnlockIcon /> : <LockIcon /> }
-      </div>
       <div
         className="react-flow__controls-button react-flow__controls-zoomin"
         onClick={zoomIn}
@@ -57,6 +51,12 @@ export default ({ style, className }: ControlProps) => {
       >
         <FitviewIcon />
       </div>
+      <div
+        className={`react-flow__controls-button react-flow__controls-${isInteractive? 'unlocked' : 'locked' }`}
+        onClick={() => setInteractive(!isInteractive)}
+      >
+        { isInteractive ? <UnlockIcon /> : <LockIcon /> }
+      </div>
     </div>
   );
 };