Fixed hovering on close button, mostly

src/js/components/navbar.js

@@ -5,15 +5,15 @@ var NavBar = React.createClass({
   handleClose: function (evt) {
     ipc.send('close');
   },
-  
+
   render: function () {
     return (
       <nav id="navbar" className="navbar navbar-default navbar-fixed-top">
         <div className="container-fluid">
           <a className="navbar-brand">Keyboard Mechanizer</a>
           <ul className="nav navbar-nav navbar-right">
-            <li><a href="#" className="no-drag">Hide</a></li>
+            <li><a href="#">Hide</a></li>
-            <li><a href="#" onClick={this.handleClose}className="no-drag"><i className="icon ion-close-round"></i></a></li>
+            <li><a href="#" onClick={this.handleClose}><i className="icon ion-close-round"></i></a></li>
           </ul>
         </div>
       </nav>

src/less/style.less

@@ -16,9 +16,9 @@ body {
 /* @group Electron Specific */
 #navbar {
     -webkit-app-region: drag;
-    .no-drag {
+    a, a > i {
         -webkit-app-region: no-drag;
-        cursor: initial;
+        cursor: pointer;
     }
 }