save

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

@@ -53,6 +53,10 @@ ion-content{
   border-top-left-radius: 25px;
   border-top-right-radius: 25px;
 
+  .aside-wrapper{
+    justify-content: flex-start !important;
+  }
+
   .iconschatnew-group{
     width: 30px;
     height: 30px;
@@ -65,6 +69,7 @@ ion-content{
     object-fit: contain;
     margin: 0 5px 0 5px;
   }
+
 }
 
 .item{
@@ -109,25 +114,37 @@ ion-content{
     color: #000;
   }
 }
-
 @media only screen and (min-width: 1024px) {
   .main-content{
+    border: 1px solid blue;
+    overflow: auto;
+
     .aside-wrapper{
+      width: 40%;
       border: 1px solid red;
-      justify-content: flex-start !important;
       .aside-title{
-        font-family: Roboto;
-        font-size: 25px;
         text-align: left;
+        font-size: 25px;
+        
       }
     }
     .aside{
       width: 340px;
     }
     .aside-content{
+      width: 60%;
       display: flex !important;
       background-color: white;
     }
+    .item{
+      .item-icon{
+        width: 10%;
+      }
+      .item-content{
+        width: 90%;
+      }
+    }
+    
   }
 
 }