controls pop-up take photo button

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>;

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;
   }
 }