Style for popover in chat finished

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

@@ -14,7 +14,7 @@
         color:#000;
         transform: translate3d(0, 1px, 0);
         
-        .title-content{
+        .header-top{
           width: 360px;
           margin: 0px auto;
           overflow: auto;
@@ -34,6 +34,30 @@
             margin: 5px 0 0 0;
           }
         }
+        .header-bottom{
+          width: 310px;
+          overflow: auto;
+          margin: 0 auto;
+
+          .header-bottom-icon{
+            width: 30px;
+            font-size: 25px;
+            float: left;
+            padding: 2px;
+
+          }
+          .header-bottom-contacts{
+            width: 275px;
+            font-size: 15px;
+            color: #797979;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            float: left;
+            padding: 5px;
+            margin: 1px;
+          }
+        }
     
         .title{
           font-size: 25px;
@@ -50,4 +74,32 @@
           padding-left: 20px;
         } 
     }
+ }
+
+
+ ion-footer{
+   .row{
+     width: 380px;
+    margin: 0 auto;
+   }
+  ion-col{
+/*     border: 1px solid red; */
+  }
+  .chat-icon-options{
+    display:block !important;
+    font-size: 25px;
+    float: right !important;
+    margin-top: 10px;
+  }
+  .chat-icon-send{
+    font-size: 45px;
+    margin: 0 auto;
+    margin-top: 4px;
+  }
+
+   ion-col .type-message{
+    border: 1px solid #ebebeb;
+    border-radius: 25px;
+    padding-left: 15px;
+  }
  }