improve conversation list to add details when the message is picture or file

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

@@ -86,7 +86,7 @@ ion-content{
     }
   }
   .item-content{
-    width: 317px;
+    //width: 317px;
     float:right;
   }
 
@@ -96,7 +96,7 @@ ion-content{
     margin-top: 10px;
   }
   .item-title{
-      width: 80%;
+      width: calc(100% - 75px);
       float: left;
       font-size: 15px;
       color: #0d89d1;
@@ -105,7 +105,7 @@ ion-content{
     color: #fff;
 }
   .item-date{
-    width: 20%;
+    width: 75px;
     float: right;
     font-size: 13px;
     color: #797979;
@@ -130,7 +130,6 @@ ion-content{
 @media only screen and (min-width: 701px) {
   .main-content{
 
-
     .aside-wrapper{
       width: 35%;
       border-right: 1px solid #d8d8d8;