save

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

@@ -51,7 +51,7 @@ ion-content{
     }
 
     .aside{
-      padding: 0px 20px 0 20px !important;
+      padding: 0 !important;
     }
   }
 
@@ -73,6 +73,7 @@ ion-content{
 .item{
   width: 100%;
   border-bottom: 1px solid #ebebeb;
+  padding: 0px 20px 0 20px !important;
   overflow: auto;
 
   .item-icon{
@@ -86,8 +87,9 @@ ion-content{
   }
   .item-content{
     width: 317px;
-    float:right
+    float:right;
   }
+
   .item-title-time{
     width: 100%;
     overflow: auto;
@@ -99,6 +101,9 @@ ion-content{
       font-size: 15px;
       color: #0d89d1;
   }
+  .item-title-active{
+    color: #fff;
+}
   .item-date{
     width: 20%;
     float: right;
@@ -106,10 +111,20 @@ ion-content{
     color: #797979;
     text-align: right;
   }
+  .item-date-active{
+    color: #fff;
+  }
   .item-description{
     font-size: 13px;
     color: #000;
   }
+  .item-description-active{
+    color: #fff;
+  }
+}
+.item-active{
+   color: #fff !important;
+   background-color: #42b9fe !important;
 }
 @media only screen and (min-width: 801px) {
   .main-content{
@@ -142,3 +157,8 @@ ion-content{
   }
 
 }
+
+.highlight {
+  color: #fff !important;
+  background-color: #42b9fe !important;
+}