add delete message feature to groups view

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

@@ -19,18 +19,49 @@
           overflow: auto;
           padding: 0 !important;
           background: #fff;
-           .middle{
+
+          .left{
+            width: fit-content;
+            float: left;
+            //font-size: 35px;
+            overflow: hidden;
+          }
+
+          .middle-container{
+            overflow: auto;
+            height: auto;
+            width:calc(100% - 57px);
+            float: left;
+
+            .middle{
+              padding: 0!important;
+              margin: 0 0 0 10px;
+            }
+          }
+          .middle-container-options{
             padding: 0!important;
             float: left;
-            width:calc(100% - 77px);
-            margin: 2.5px 0 0 5px;
+            width: calc(100% - 67px);
+            text-align: right;
+
+            .middle-container-options-icons{
+              color: #0782c9;
+              font-size: 23px;
+            }
           }
           .right{
             padding: 0!important;
             float: right;
             font-size: 25px;
             color: #0782c9;
-            margin: 5px 0 0 0;
+          }
+          .header-top-btn{
+            background: transparent;
+            font-size: 25px !important;
+            font-weight: 100 !important;
+            /* color: #0782c9; */
+            color: #42b9fe;
+            padding: 0 5px 0 5px;
           }
         }
         .header-bottom{
@@ -145,6 +176,18 @@
     word-wrap: break-word;
     -webkit-overflow-scrolling: touch;
 
+    .messages-list-item-wrapper{
+      overflow: auto;
+    }
+    .messages-list-item-wrapper-active{
+      background: #e6f6ff75 !important;
+    }
+
+    .message-container{
+      //border: 1px solid red;
+    }
+
+
     .incoming-true, .incoming-false{
       width: 305px;
        padding: 15px 20px;