save

src/app/pages/chat/new-group/new-group.page.html

@@ -32,7 +32,7 @@
     </div>
 
     <div *ngIf="showDuration" class="container-div">
-      <div class="ion-item-class-2">
+      <div class="ion-item-class-2 width-100">
         <div class="ion-icon-class">
           <ion-icon slot="start" src="assets/images/icons-duration.svg"></ion-icon>
         </div>

src/app/pages/chat/new-group/new-group.page.scss

@@ -61,7 +61,7 @@ ion-content{
        .middle{
         padding: 0!important;
         float: left;
-        width: 221px;
+        width:fit-content;
         margin: 2.5px 0 0 5px;
       }
       .btn-criar{
@@ -115,7 +115,6 @@ ion-content{
 
       .item-container-no-border{
         display: flex;
-        width: 360px;
         margin: 25px auto;
         border-radius: 5px;
         align-items: center;
@@ -133,8 +132,8 @@ ion-content{
     overflow: auto;
 
     .ion-item-class-2{
-        width: 360px;
         margin: 0px auto;
+        overflow: auto;
 
         .ion-icon-class{
             width: 45px;
@@ -145,7 +144,7 @@ ion-content{
           }
       }
       .ion-input-class{
-        width: 315px;
+        width: calc(100% - 45px) !important;
         height: 45px;
         border: 1px solid #ebebeb;
         border-radius: 5px;

src/app/pages/chat/new-group/new-group.page.ts

@@ -52,6 +52,7 @@ export class NewGroupPage implements OnInit {
 
   createGroup(){
     let name = this.groupName.split(' ').join('-');
+    name = name.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
     let body = { "name":name, }
     this.chatService.addGroup(body).subscribe(res=>{
       console.log('group created');