From 9d2fcc9fc9c11a874ea3c54ae65c36602b59601c Mon Sep 17 00:00:00 2001
From: "tiago.kayaya" <tiago.kayaya@equilibrium.co.ao>
Date: Tue, 14 Dec 2021 23:04:03 +0100
Subject: [PATCH] fix footer of individual chat and group chat

---
 .../group-messages/group-messages.page.html   |  5 +-
 .../group-messages/group-messages.page.scss   | 76 ++++++++++---------
 .../shared/chat/messages/messages.page.html   |  4 +-
 .../shared/chat/messages/messages.page.scss   | 12 +--
 4 files changed, 51 insertions(+), 46 deletions(-)

diff --git a/src/app/shared/chat/group-messages/group-messages.page.html b/src/app/shared/chat/group-messages/group-messages.page.html
index 6947bcfa7..a9c145708 100644
--- a/src/app/shared/chat/group-messages/group-messages.page.html
+++ b/src/app/shared/chat/group-messages/group-messages.page.html
@@ -161,7 +161,8 @@
         </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">
@@ -169,7 +170,7 @@
         </button>
       </ion-item>
     </div>
-    <div>
+    <div class="btn-send">
       <button *ngIf="message" class="btn-no-color" (click)="sendMessage()">
         <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " class="chat-icon-send" src="assets/icon/theme/gov/icons-chat-send.svg"></ion-icon>
         <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' " class="chat-icon-send" src="assets/icon/theme/gov/icons-chat-send.svg"></ion-icon>
diff --git a/src/app/shared/chat/group-messages/group-messages.page.scss b/src/app/shared/chat/group-messages/group-messages.page.scss
index 6da1f2026..b07082ef1 100644
--- a/src/app/shared/chat/group-messages/group-messages.page.scss
+++ b/src/app/shared/chat/group-messages/group-messages.page.scss
@@ -1,7 +1,4 @@
  @import '~src/function.scss';
- div{
-   overflow: auto;
- }
 .header-toolbar{
     --background:transparent;
     --opacity: 1;
@@ -200,44 +197,49 @@
       }
     }
 
- ion-footer{
-  padding-top: 7.5px;
-  padding-bottom: 7.5px;
- .container{
-   justify-content: center;
-   justify-content: space-evenly;
-   align-items: center;
+    ion-footer{
+      padding-top: 7.5px;
+      padding-bottom: 7.5px;
 
- }
+     .container{
+       justify-content: center;
+       justify-content: space-evenly;
+       align-items: center;
+       margin: 0 !important;
+       padding: 0 !important;
+     }
 
- .chat-icon-options{
-   display:block !important;
-   font-size: 35px;
-   float: right !important;
-   margin-top: 5px;
- }
+     .chat-icon-options{
+       display:block !important;
+       font-size: 35px;
+       float: right !important;
+       margin-top: 5px;
+     }
 
- .chat-icon-send{
-   font-size: 45px;
-   margin: 0 auto;
-   margin-top: 4px;
- }
+     .chat-icon-send{
+       font-size: 45px;
+       margin: 0 auto;
+       margin-top: 4px;
+     }
 
-  .type-message{
-   display: flex;
-   border: 1px solid #ebebeb;
-   border-radius: 25px;
-   padding-left: 15px;
-   align-items: center;
-   overflow: auto;
+      .type-message{
+       display: flex;
+       border: 1px solid #ebebeb;
+       border-radius: 25px;
+       padding-left: 15px;
+       margin: 0 15px 0 75px;
+       align-items: center;
+       overflow: auto;
 
+         ion-textarea{
+           margin: 0 !important;
+           align-self: center;
+         }
+       }
 
-   ion-textarea{
-     min-height: 50px;
-     margin: 0 !important;
-     align-self: center;
-     overflow: auto;
-   }
- }
+       .btn-send{
+        padding-right: 20px !important;
+         overflow: hidden;
+       }
 
-}
+    }
diff --git a/src/app/shared/chat/messages/messages.page.html b/src/app/shared/chat/messages/messages.page.html
index 4fcb6d4e2..8a18f5964 100644
--- a/src/app/shared/chat/messages/messages.page.html
+++ b/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()">
diff --git a/src/app/shared/chat/messages/messages.page.scss b/src/app/shared/chat/messages/messages.page.scss
index ea06e1748..6fdf6f95c 100644
--- a/src/app/shared/chat/messages/messages.page.scss
+++ b/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;
+      }
     }
-  }
 
  }