Change window focus on mouse down

js/components/EqualizerWindow/index.js

@@ -50,7 +50,7 @@ const EqualizerWindow = props => {
     <div
       id="equalizer-window"
       className={className}
-      onClick={props.focusWindow}
+      onMouseDown={props.focusWindow}
     >
       {props.shade ? (
         <div className="draggable">

js/components/MainWindow/__snapshots__/index.test.js.snap

@@ -4,10 +4,10 @@ exports[`MainWindow renders to snapshot 1`] = `
 <div
   className="window stop selected draggable loading"
   id="main-window"
-  onClick={[Function]}
   onDragEnter={[Function]}
   onDragOver={[Function]}
   onDrop={[Function]}
+  onMouseDown={[Function]}
 >
   <div
     className="selected title-bard draggable"

js/components/MainWindow/index.js

@@ -83,7 +83,7 @@ export class MainWindow extends React.Component {
       <div
         id="main-window"
         className={className}
-        onClick={this.handleClick}
+        onMouseDown={this.handleClick}
         onDragEnter={this.supress}
         onDragOver={this.supress}
         onDrop={this.handleDrop}