Style for popover in chat finished

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

@@ -1,7 +1,7 @@
 <ion-header  class="ion-no-border">
   <ion-toolbar class="header-toolbar">
     <div class="main-header">
-      <div class="title-content">
+      <div class="header-top">
         <app-btn-modal-dismiss></app-btn-modal-dismiss>
         <div class="middle">
           <ion-label class="title">Grupo de Trabalho A</ion-label>
@@ -10,36 +10,47 @@
           <ion-icon  (click)="openOptions()" src="assets/images/icons-menu.svg"></ion-icon>
         </div>  
       </div>
+      <div class="header-bottom">
+        <div class="header-bottom-icon">
+          <ion-icon (click)="addContacts()" src="assets/icon/icons-user.svg"></ion-icon>
+        </div>
+        <div class="header-bottom-contacts">
+          <ion-label *ngFor="let contact of contacts" >
+            {{contact}}
+          </ion-label>
+        </div>
+      </div>
     </div>
   </ion-toolbar>
 </ion-header>
 
 
 <ion-content>
-  <p>HHHHH</p>
+  <!-- <p>HHHHH</p> -->
   
   
   
 
 </ion-content>
-<ion-footer class="ion-no-border">
+<ion-footer>
   <ion-toolbar>
-    <ion-row align-items-center>
-      <ion-col>
-        <ion-item button lines="none">
-          <img src="assets/images/icons-arrow-arrow-down-25.svg">
-        </ion-item>
+    <ion-row align-items-center class="row">
+      <ion-col size="1">
+        <ion-label class="ion-no-padding" lines="none">
+          <ion-icon (click)="openChatOptions()" class="chat-icon-options" src="assets/icon/icons-chat-options.svg"></ion-icon>
+        </ion-label>
       </ion-col>
-      <ion-col>
-        <ion-item lines="none" class="div-message">
+      <ion-col size="9">
+        <ion-item class="ion-no-padding type-message" lines="none">
           <ion-textarea placeholder="Escrever uma mensagem" auto-grow class="message-input" rows="1" [(ngModel)]="message"></ion-textarea>
-          <ion-icon slot="end" name="mic-outline"></ion-icon>
+          <ion-icon slot="end" src="assets/icon/icons-chat-mic.svg"></ion-icon>
         </ion-item>
       </ion-col>
-      <ion-col>
-        <ion-item button lines="none" [disabled]="message === ''">
-            <img src="assets/images/icons-chat-send.svg">
-        </ion-item>
+      <ion-col size="2">
+        <!-- [disabled]="message === ''" -->
+        <ion-label>
+          <ion-icon class="chat-icon-send" src="assets/icon/icons-chat-send.svg"></ion-icon>
+        </ion-label>
       </ion-col>
     </ion-row>
   </ion-toolbar>