alterar nome desktop

src/app/shared/chat/edit-group/edit-group.page.scss

@@ -6,7 +6,7 @@ ion-content{
    --opacity: 1;
 }
 .div-top-header{
-    width: 400px;
+    //width: 400px;
     margin: 0 auto;
     background-color: #0782c9;
     overflow: auto;
@@ -47,7 +47,7 @@ ion-content{
     transform: translate3d(0, 1px, 0);
     
     .title-content{
-      width: 360px;
+      //width: 360px;
       margin: 0px auto;
       overflow: auto;
       padding: 0 !important;
@@ -92,8 +92,6 @@ ion-content{
  
   }
   .main-content{
-    width: 100%; /* 400px */
-    height: 100%;
     font-family: Roboto;
     margin: 0 auto;
     background-color: #fff;
@@ -101,7 +99,7 @@ ion-content{
     padding: 15px 20px 0 20px;
 
     .item-container{
-        width: 360px;
+        //width: 360px;
         margin: 15px auto;
         border: 1px solid #ebebeb;
         border-radius: 5px;
@@ -110,7 +108,7 @@ ion-content{
 
       .item-container-no-border{
         display: flex;
-        width: 360px;
+        //width: 360px;
         margin: 25px auto;
         border-radius: 5px;
         align-items: center;
@@ -128,7 +126,7 @@ ion-content{
     overflow: auto;
 
     .ion-item-class-2{
-        width: 360px;
+        //width: 360px;
         margin: 0px auto;
 
         .ion-icon-class{
@@ -140,7 +138,7 @@ ion-content{
           }
       }
       .ion-input-class{
-        width: 315px;
+        width: calc(100% - 45px);
         height: 45px;
         border: 1px solid #ebebeb;
         border-radius: 5px;