Improve responsiveness

src/app/shared/chat/group-messages/group-contacts/group-contacts.page.ts

@@ -239,7 +239,7 @@ export class GroupContactsPage implements OnInit {
           name:this.groupName,
           duration:'',
         },
-        cssClass: 'new-group',
+        cssClass: 'new-group modal-desktop',
         backdropDismiss: false,
       });
       await modal.present();
@@ -299,7 +299,7 @@ export class GroupContactsPage implements OnInit {
     this.close();
     const modal = await this.modalController.create({
       component: NewGroupPage,
-      cssClass: 'new-group',
+      cssClass: 'new-group modal-desktop',
       backdropDismiss: false,
     });
     await modal.present();

src/app/shared/chat/group-messages/group-messages.page.ts

@@ -240,7 +240,7 @@ export class GroupMessagesPage implements OnInit, OnChanges {
   async openOptions(ev: any) {
     const popover = await this.popoverController.create({
       component: ChatPopoverPage,
-      cssClass: 'chat-popover',
+      cssClass: 'chat-popover modal-desktop',
       event: ev,
       componentProps: {
         room: this.room,