fix search mobile, add PWA version

src/app/ui/main/main.ui.ts

@@ -10,6 +10,8 @@ import { UserService } from '../../services/user.service';
 import { I18nService } from '../../services/i18n.service';
 import { SettingsService } from '../../services/settings.service';
 
+import packageJson from '../../../../package.json';
+
 @Component({
   selector: 'ui-main',
   templateUrl: './main.ui.html',
@@ -29,6 +31,8 @@ export class UiMain {
   touchThresh: number = 150;
   touchStartX: number;
   touchX: number;
+  
+  version = packageJson.version;
 
   constructor(
     private i18n: I18nService,
@@ -91,11 +95,23 @@ export class UiMain {
     }
   }
 
+  close() {
+    this.opened = false;
+  }
+
+  preventClose(event) {
+    event.preventDefault();
+    event.stopPropagation();
+  }
+
   search(text, event) {
     if (text) {
       this.router.navigate(["search"], { queryParams: { q: text } });
     }
     event.target.value = '';
+    if (!this.isBiggerScreen()) {
+      this.close();
+    }
   }
 
   toggleDarkTheme() {
@@ -134,8 +150,9 @@ export class UiMain {
     }
   }
 
-  openExternal(url, target = '_self') {
+  openExternal(event, url, target = '_self') {
     window.open(url, target);
+    this.preventClose(event);
   }
 
   @HostListener('window:resize', ['$event'])