alterar nome desktop

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

@@ -3,7 +3,9 @@
     <div class="main-header">
       <div class="title-content">
         <div class="left">
-          <ion-icon (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+          <button class="btn-no-color" (click)="close()">
+            <ion-icon slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+          </button>
         </div>
         <div class="middle">
           <ion-label class="title">Alterar assunto</ion-label>
@@ -14,9 +16,9 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
-  <div class="main-content">
-    <div class="item-container">
+<ion-content class="width-100">
+  <div class="main-content d-flex width-100">
+    <div class="item-container d-flex flex-column width-100">
       <ion-input [(ngModel)]="groupName" placeholder="Título"></ion-input>
     </div>
     <div *ngIf="false" class="item-container-no-border">
@@ -24,8 +26,8 @@
       <ion-label>Grupo Ultra-secreto</ion-label>
     </div>
 
-    <div *ngIf="showDuration" class="container-div">
-      <div class="ion-item-class-2">
+    <div *ngIf="showDuration" class="container-div width-100">
+      <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>