save

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

@@ -4,44 +4,35 @@ ion-content{
  :host{
   background: #0782c9;
   }
-.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;
-  color:#000;
-  transform: translate3d(0, 1px, 0);
-  
+
   .title-content{
-    width: 360px;
-    margin: 0px auto;
+    width: 100%;
+    margin-bottom: 15px;
     overflow: auto;
     padding: 0 !important;
     background: #fff;
+
+    .div-title{
+      padding: 0!important;
+      float: left;
+    }
+    .title{
+      font-size: 25px;
+    }
+    .div-icon{
+      width: 60%;
+      float: right;
+      font-size: 35px;
+      overflow: auto;
+      padding: 1px;
+    }
+    .div-icon ion-icon{
+      float: right;
+      padding-left: 20px;
+    }
   }
-  .div-title{
-    padding: 0!important;
-    float: left;
-  }
-  .title{
-    font-size: 25px;
-  }
-  .div-icon{
-    width: 112px;
-    float: right;
-    font-size: 35px;
-    overflow: auto;
-    padding: 1px;
-  }
-  .div-icon ion-icon{
-    float: right;
-    padding-left: 20px;
-  }
-}
+  
+
 .main-content{
   width: 100%; 
   height: 100%;
@@ -49,12 +40,13 @@ ion-content{
   margin: 0 auto;
   background-color: #fff;
   overflow:auto;
-  padding: 15px 20px 0 20px;
+  padding: 30px 20px 0 20px;
   border-top-left-radius: 25px;
   border-top-right-radius: 25px;
 
   .aside-wrapper{
-    justify-content: flex-start !important;
+    padding: 0 !important;
+    margin: 0 !important;
   }
 
   .iconschatnew-group{
@@ -121,11 +113,8 @@ ion-content{
 
     .aside-wrapper{
       width: 40%;
-      border: 1px solid red;
       .aside-title{
-        text-align: left;
         font-size: 25px;
-        
       }
     }
     .aside{