Optimizing Context Menu

src/components/routes/vault/EntryList.tsx

@@ -59,6 +59,15 @@ export default class EntryList extends Component<{ vault: Promise<IVault> }, { n
 
    onContext(evt: MouseEvent, note: BaseNote) {
       evt.preventDefault();
+      evt.stopPropagation();
+
+      const close = () => {
+         document.documentElement.removeEventListener("click", close);
+         this.setState({ context: undefined });
+      }
+      document.documentElement.addEventListener("click", close);
+
+
       const shareNote = async () => {
          let nav = window.navigator as any;
          if (nav.share !== undefined) {
@@ -82,7 +91,6 @@ export default class EntryList extends Component<{ vault: Promise<IVault> }, { n
          }).catch(err => {
             Notifications.sendError(err);
          })
-
       }
 
       let share;
@@ -254,7 +262,7 @@ export default class EntryList extends Component<{ vault: Promise<IVault> }, { n
          <div class="uk-container">
             <div style="display:flex;">
                <input class="uk-input" type="text" onKeyUp={this.searchChanged} ref={elm => this.searchInput = elm} />
-               <button class="uk-button" style="padding: 0 10px;">
+               <button class="uk-button uk-button-primary" style="padding: 0 10px;">
                   <Search />
                </button>
             </div>