save

src/app/pages/publications/publications.page.scss

@@ -93,7 +93,7 @@ ion-toolbar{
       }
 
       .aside{
-        padding: 0px 20px 0 20px !important;
+        //padding: 0px 20px 0 20px !important;
       }
     }
     .content{
@@ -105,12 +105,13 @@ ion-toolbar{
   }
   .item{
     width: 100% !important;
-    padding: 0px !important;
+    padding: 0px 20px 0 20px !important;
     border-bottom: 1px solid #ebebeb;
     align-items: center;
     justify-content: space-between;
     flex-direction: row;
     background-color: transparent;
+    overflow: auto;
 
     .item-icon{
       //margin-top: 28px;
@@ -133,6 +134,7 @@ ion-toolbar{
       width: 100%;
       padding: 15px 0 15px 10px;
       overflow: auto;
+      margin-right: 5px;
 
       p{
         white-space: nowrap;
@@ -158,16 +160,24 @@ ion-toolbar{
         margin: 0 !important;
         padding: 0 !important;
       }
-    }
-
-    .item-options{
-
-      width: 25px;
-      font-size: 20px;
+      .item-options{
+        color: #42b9fe;
+        width: 25px;
+        font-size: 20px;
+      }
+      .item-content-date-active, .item-content-title-active, .item-content-detail-active, .item-options-active{
+        color: #fff;
+      }
     }
   }
+
+  .item-active{
+    background-color: #42b9fe !important;
+    color: #fff !important;
+  }
+
   .item:hover{
-    background-color: #e6f6ff75 !important;
+    background-color: #e6f6ff75;
   }
 
   ion-item-options{