From 4cdac3978ded84283930f9096270503e29d95e17 Mon Sep 17 00:00:00 2001
From: gabrielburnworth <gabrielburnworth@users.noreply.github.com>
Date: Wed, 14 Feb 2018 17:19:58 -0800
Subject: [PATCH] controls pop-up take photo button

---
 webpack/controls_popup.tsx | 4 ++++
 webpack/css/global.scss    | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/webpack/controls_popup.tsx b/webpack/controls_popup.tsx
index 0e2ad3a6e..b145c9d59 100644
--- a/webpack/controls_popup.tsx
+++ b/webpack/controls_popup.tsx
@@ -3,6 +3,7 @@ import * as React from "react";
 import { DirectionButton } from "./controls/direction_button";
 import { Xyz, BotPosition } from "./devices/interfaces";
 import { McuParams } from "farmbot";
+import { getDevice } from "./device";
 
 export interface State {
   isOpen: boolean;
@@ -79,6 +80,9 @@ export class ControlsPopup extends React.Component<Props, Partial<State>> {
             directionAxisProps={directionAxesProps.x}
             steps={this.state.stepSize}
             disabled={!isOpen} />
+          <button
+            className="i fa fa-camera arrow-button fb-button brown"
+            onClick={() => getDevice().takePhoto()} />
         </div>
       </div>
     </div>;
diff --git a/webpack/css/global.scss b/webpack/css/global.scss
index a40b1cd34..58681cc48 100644
--- a/webpack/css/global.scss
+++ b/webpack/css/global.scss
@@ -491,7 +491,7 @@ ul {
     }
     .controls-popup-menu-outer {
       transition: all 0.1s 0s ease-in-out;
-      width: 27rem;
+      width: 32rem;
       padding: 0.6rem 5rem 0rem 0rem;
     }
     .controls-popup-menu-inner {
@@ -501,6 +501,7 @@ ul {
   }
   .arrow-button {
     margin: 5px;
+    box-shadow: none !important;
   }
 }