Atualizando design lista de mensagens

Author: carloskotacho

src/app/message/message-search/message-search.component.css

@@ -73,14 +73,14 @@
   align-items: center;
 }
 
-.icon.icon-search,
+.icon.icon-view,
 .icon.icon-edit,
 .icon.icon-delete{
-  background-color: #bbbbbb;
+  background-color: #e0e0e0;
   color: #fff;
 }
 
-.icon.icon-search:hover,
+.icon.icon-view:hover,
 .icon.icon-edit:hover,
 .icon.icon-delete:hover{
   background-color: #5E6C84;

src/app/message/message-search/message-search.component.html

@@ -60,9 +60,9 @@ <h2 class="team-member">{{ messages.name }}</h2>
                       </div>
                     </div>
                     <div class="ui-g-5 ui-md-12 ui-lg-12 icons">
-                      <div class="icon icon-search"><i class="pi pi-search"></i></div>
-                      <div class="icon icon-edit"><i class="pi pi-pencil"></i></div>
-                      <div class="icon icon-delete"><i class="pi pi-trash"></i></div>
+                      <div class="icon icon-view" pTooltip="Visualizar" tooltipPosition="top"><i class="pi pi-search"></i></div>
+                      <div class="icon icon-edit" pTooltip="Editar" tooltipPosition="top"><i class="pi pi-pencil"></i></div>
+                      <div class="icon icon-delete" pTooltip="Excluir" tooltipPosition="top"><i class="pi pi-trash"></i></div>
                     </div>
                   </div>
                 </div>