update css + change icon dashboard

apps/maarch_entreprise/js/angular/app/Views/signatureBook.html

@@ -6,7 +6,7 @@
         <div id="closeSignatureBook"><i style="cursor: pointer" (click)="backToBasket()" class="fa fa-times-circle fa-2x"></i></div>
         <div id="tabSignatureBook">
             <div title="Courrier" class="item" [ngClass]="{'activeTabSignatureBook': headerTab == 1}" style="border-left: solid 1px black" (click)="changeSignatureBookLeftContent(1)">
-                <i class="fa fa-dashboard fa-2x"></i>
+                <i class="fa fa-file-text-o fa-2x"></i>
             </div>
             <div title="Note(s)" class="item" [ngClass]="{'activeTabSignatureBook': headerTab == 2}" (click)="changeSignatureBookLeftContent(2)">
                 <i class="fa fa-pencil fa-2x">
@@ -192,7 +192,7 @@
             </div>
             <div *ngIf="signatureBook.attachments[rightSelectedThumbnail]" style="bottom: 0px;position: absolute;left: 5px;">
                 
-                <div class="item panelRightAddPj" (click)="addAttachmentIframe()" style="padding-left:5px;" title="Créer une pièce jointe">
+                <div class="panelRightAddPj" (click)="addAttachmentIframe()" title="Créer une pièce jointe">
                     <i class="fa fa-paperclip fa-2x" ></i>
                     <i class="fa fa-plus" style="position:absolute;"></i>
                 </div>

modules/visa/css/module.css

@@ -653,10 +653,6 @@ img.panelSelectedThumbnail,img:hover.panelSelectedThumbnail{
     display: block;
 }
 
-.panelRightAddPj:hover{
-    color: #009DC5;
-}
-
 .panelRightContent .item:hover{
      -moz-box-shadow: inset 0px 0px 5px 0px #656565;
     -webkit-box-shadow: inset 0px 0px 5px 0px #656565;
@@ -866,6 +862,25 @@ img.panelSelectedThumbnail,img:hover.panelSelectedThumbnail{
 .visaPjView{
     color: initial;
 }
+.panelRightAddPj{
+    padding:5px;
+    margin: auto;
+    margin-bottom: 10px; 
+    font-size: 10px;
+    height:20px;
+    width:20px;
+    cursor: pointer;
+    padding: 10px;
+    background-color: #16a765;
+    color: white;
+    border-radius: 25px;
+    -moz-box-shadow: 0px 0px 10px 0px #656565;
+    -webkit-box-shadow: 0px 0px 10px 0px #656565;
+    -o-box-shadow: 0px 0px 10px 0px #656565;
+    box-shadow: 0px 0px 10px 0px #656565;
+    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
+    padding-left:5px;
+}
 .visaPjUp{
     margin: auto;
     margin-bottom: 10px; 
@@ -874,7 +889,7 @@ img.panelSelectedThumbnail,img:hover.panelSelectedThumbnail{
     width:20px;
     cursor: pointer;
     padding: 10px;
-    background-color: #009DC5;
+    background-color: #4285f4;
     color: white;
     border-radius: 25px;
     -moz-box-shadow: 0px 0px 10px 0px #656565;
@@ -891,7 +906,7 @@ img.panelSelectedThumbnail,img:hover.panelSelectedThumbnail{
     width:20px;
     cursor: pointer;
     padding: 10px;
-    background-color: red;
+    background-color: #d14836;
     color: white;
     border-radius: 25px;
     -moz-box-shadow: 0px 0px 10px 0px #656565;