Add show and hide whether checkbox is active or not

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

@@ -151,10 +151,18 @@
     margin-top: 4px;
   }
 
-   ion-col .type-message{
+   .type-message{
+    display: flex;
     border: 1px solid #ebebeb;
     border-radius: 25px;
     padding-left: 15px;
+    align-items: center;
+    overflow: auto;
+
+    ion-textarea{
+      margin: 0 !important;
+      align-self: center;
+    }
   }
  }
 
@@ -169,4 +177,5 @@
     float: left;
     color:#99e47b;
     padding-left: 10px;
- }
+ }
+ 

src/app/pages/chat/messages/messages.page.ts

@@ -11,6 +11,8 @@ import { ContactsPage } from '../new-group/contacts/contacts.page';
 })
 export class MessagesPage implements OnInit {
 
+  message = '';
+  
   constructor(
     public popoverController: PopoverController,
     private modalController: ModalController,