fix footer of individual chat and group chat

src/app/shared/chat/messages/messages.page.html

@@ -134,9 +134,9 @@
           </ion-fab-button>
         </ion-fab-list>
       </ion-fab>
-
     </div>
-    <div class="width-80">
+
+    <div class="width-100">
       <ion-item class="ion-no-padding type-message" lines="none">
         <ion-textarea clearOnEdit="true" placeholder="Escrever uma mensagem" class="message-input" rows="1" [(ngModel)]="message"></ion-textarea>
         <button hidden class="btn-no-color" (click)="notImplemented()">

src/app/shared/chat/messages/messages.page.scss

@@ -179,10 +179,11 @@
  ion-footer{
    padding-top: 7.5px;
    padding-bottom: 7.5px;
+
   .container{
     justify-content: center;
     justify-content: space-evenly;
-
+    align-items: center;
   }
 
   .chat-icon-options{
@@ -203,14 +204,15 @@
     border: 1px solid #ebebeb;
     border-radius: 25px;
     padding-left: 15px;
+    margin: 0 15px 0 60px;
     align-items: center;
     overflow: auto;
 
-    ion-textarea{
-      margin: 0 !important;
-      align-self: center;
+      ion-textarea{
+        margin: 0 !important;
+        align-self: center;
+      }
     }
-  }
 
  }