save

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

@@ -3,11 +3,8 @@
     --opacity: 1;
  
    .main-header{
-     width: 100%; /* 400px */
      height: 100%;
      font-family: Roboto;
-     border-top-left-radius: 25px;
-     border-top-right-radius: 25px;
      background-color: #fff;
      overflow:hidden;
      padding: 30px 20px 0px 20px;
@@ -26,7 +23,6 @@
        padding-left: 20px;
      }
        .title-content{
-         width: 360px;
          margin: 0px auto;
          overflow: auto;
          padding: 0 !important;
@@ -62,28 +58,28 @@
      border-radius: 5px;
    }
    .search ion-searchbar{
-     /* border: 1px solid green; */
      width: 100%;
      margin: 0 !important;
      padding: 0 !important;
      --border-radius: 5px;
      --box-shadow: none;
-     overflow: auto;
+     overflow: hidden;
      --icon-color:#0d89d1;
    }
- 
  }
+
  ion-content{
    --background:transparent;
  }
+
  .main-content{
    width: 100%;
    height: 100%;
    font-family: Roboto;
    margin: 0 auto;
    background-color: #fff;
-   overflow:auto;
    padding: 0 0 0 0;
+   overflow:auto;
 
     .members-label{
       margin: 10px 20px 10px 20px !important;
@@ -111,8 +107,6 @@
        display: flex;
        margin: 10px 20px 10px 20px !important;
        overflow: auto;
-       align-items: center;
- 
      }
  
      .item-checkbox ion-checkbox, .members-checkbox ion-checkbox{
@@ -121,20 +115,16 @@
          float: left;
      }
  
-     .item-checkbox p, .members-checkbox p{
-         display: block;
-         margin: 0 !important;
-         width: 330px;
+     .item-checkbox ion-label, .members-checkbox p{
          padding-left: 10px;
          font-size: 15px;
          color: #0d89d1;
          float: left;
+         flex-grow: 1;
      }
-     .item-checkbox ion-icon, .members-checkbox ion-icon{
+     .icon, .members-checkbox ion-icon{
        font-size: 10px;
-       float: left;
        color:#99e47b;
-       margin-left: 10px;
      }
    }