improvements

src/app/shared/chat/group-messages/group-contacts/group-contacts.page.scss

@@ -73,7 +73,7 @@
  }
 
  .main-content{
-   width: 100%;
+   //width: 100%;
    height: 100%;
    font-family: Roboto;
    margin: 0 auto;
@@ -81,15 +81,24 @@
    padding: 0 0 0 0;
    overflow:auto;
 
+   .members{
+     padding: 15px 20px 0 20px !important;
+
+     .members-list{
+      margin: 0 !important;
+      padding: 0 !important;
+     }
+   }
+
     .members-label{
-      margin: 10px 20px 10px 20px !important;
+      //margin: 10px 20px 10px 20px !important;
       /* font-size: 15px; */
       font-weight: bold;
     }
 
     .members-checkbox{
       display: flex;
-      margin: .5px 20px .5px 20px !important;
+      //margin: 0px 20px 0px 20px !important;
       overflow: auto;
       align-items: center;
 
@@ -124,8 +133,22 @@
      }
      .icon, .members-checkbox ion-icon{
        font-size: 10px;
-       color:#99e47b;
      }
+     .online{
+      color:#99e47b !important;
+    }
+   .offline{
+     color:#cbced1 !important;
+    }
+   .away{
+    color:#ffd21f !important;
+    }
+    .invisible{
+      color:#cbced1 !important;
+    }
+    .busy{
+      color:#f5455c !important;
+    }
    }