Improve responsiveness

src/app/shared/header/header.page.ts

@@ -13,7 +13,7 @@ export class HeaderPage implements OnInit {
 
   profile: string = 'mdgpr';
   searchSubject: string = '';
-  showSearch:false;
+  showSearch=false;
 
   constructor(
     private router: Router,private modalController: ModalController,
@@ -41,9 +41,16 @@ export class HeaderPage implements OnInit {
 
   async openSearch() {
 
+    let classs;
+    if(window.innerWidth < 1366) {
+      classs = 'modal modal-width-100 modal-padding-top'
+    } else {
+      classs = 'modal modal-width-100 modal-padding-top modal-desktop-shadow modal-desktop-remove-background'
+    }
+
     const modal = await this.modalController.create({
       component: SearchPage,
-      cssClass: 'group-messages modal-desktop search-modal search-modal-to-desktop',
+      cssClass: classs,
       componentProps: {
       }
     });