update favicons, fix ie8 issues in workzone, misc css fixes

resources/www/prod/skins/skin-shared.scss

@@ -361,9 +361,7 @@ span.ww_winTitle {
 
 #order_manager .order_list li {
   display: inline-block;
-  -webkit-border-radius: 6px;
+  border-radius: $defaultBorderRadius;
-  -moz-border-radius: 6px;
-  border-radius: 6px;
   border: 1px solid #FFFFFF;
   margin: 0 5px;
 }
@@ -465,7 +463,7 @@ H4 {
   border: 2px solid $darkerBorderColor;
   padding: 0px;
   color: $darkerTextColor;
-  border-radius: 4px;
+  border-radius: $defaultBorderRadius;
 }
 
 .popover-inner .popover-title {

resources/www/prod/skins/ui-components/_buttons.scss

@@ -26,7 +26,7 @@
 
 
 // not used:
-.history-collection {
+/*.history-collection {
   background-image: url('#{$iconsPath}chgcoll_history.png');
 }
 
@@ -69,3 +69,4 @@ only screen and (min-resolution: 120dpi)
     background-size: 16px 16px;
   }
 }
+*/

resources/www/prod/skins/ui-components/_colorpicker.scss

@@ -34,9 +34,7 @@ $colorpickerFocusBorder: #999999;
   }
   .colorpicker_focus {
     border: 1px solid $colorpickerFocusBorder;
-    -webkit-border-radius: 2px;
+    border-radius: $defaultBorderRadius;
-    -moz-border-radius: 2px;
-    border-radius: 2px;
   }
   .colorpicker_current_color,
   .colorpicker_field,

resources/www/prod/skins/ui-components/_context-menu.scss

@@ -62,12 +62,8 @@ Menu contextuel
 .context-menu-theme-vista {
   background-image: none;
   background-color: #212121;
-  -webkit-border-bottom-left-radius: 3px;
+  border-bottom-left-radius: $defaultBorderRadius;
-  -webkit-border-bottom-right-radius: 3px;
+  border-bottom-right-radius: $defaultBorderRadius;
-  -moz-border-radius-bottomleft: 3px;
-  -moz-border-radius-bottomright: 3px;
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
 }
 
 .context-menu-theme-vista .context-menu-item .context-menu-item-inner.published {

resources/www/prod/skins/ui-components/_diapo.scss

@@ -32,9 +32,7 @@ $diapoBorderColor: $darkerBorderColor !default;
   display: block;
   float: left;
   border: 1px solid $diapoBorderColor;
-  -webkit-border-radius: 4px;
+  border-radius: $defaultBorderRadius;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
   text-align: center;
   margin: 8px 5px;
   &.selected {

resources/www/prod/skins/ui-components/_modal-edit.scss

@@ -7,6 +7,14 @@
   left: 0;
   right: 0;
   bottom: 0;
+  .content-wrapper {
+    margin: 10px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
 }
 
 #EDIT_TOP {
@@ -16,9 +24,7 @@
   left: 0;
   width: 100%;
   overflow: visible;
-  -webkit-border-radius: 6px;
+  border-radius: $defaultBorderRadius;
-  -moz-border-radius: 6px;
-  border-radius: 6px;
 }
 
 #EDIT_MENU {
@@ -83,9 +89,7 @@
   background-color: $mediumBackgroundColor;
   width: 700px;
   left: 0;
-  -webkit-border-radius: 6px;
+  border-radius: $defaultBorderRadius;
-  -moz-border-radius: 6px;
-  border-radius: 6px;
 }
 
 #EDIT_MID_R {
@@ -451,11 +455,29 @@ div.thesaurus {
       cursor: pointer;
     }
   }
-}
+  .ui-tabs {
-#idFrameE .ui-tabs {
+    position: absolute;
-  position: absolute;
+    top: 0px;
-  top: 0px;
+    left: 10px;
-  left: 10px;
+    bottom: 0px;
-  bottom: 0px;
+    right: 0;
-  right: 0;
+    .ui-tabs-nav {
+      background-color: transparent;
+      top: 0px;
+      left: 10px;
+      right: 10px;
+      margin-top: 21px;
+      border-top: 1px solid $workzoneTabBorderTop;
+      border-radius: 0;
+      height: 43px;
+      border-bottom: 1px solid $workzoneTabBorderBottom;
+    }
+    .ui-tabs-panel {
+      position: absolute;
+      top: 56px;
+      left: 0;
+      bottom: 0;
+      right: 0;
+    }
+  }
 }

resources/www/prod/skins/ui-components/_modal-export.scss

@@ -2,9 +2,7 @@
 
 #printBox {
   background-color: $mediumBackgroundColor;
-  -webkit-border-radius: 6px;
+  border-radius: $defaultBorderRadius;
-  -moz-border-radius: 6px;
-  border-radius: 6px;
 }
 
 #printBox h4, #download h4,

resources/www/prod/skins/ui-components/_modal-preview.scss

@@ -1,9 +1,10 @@
 
 #PREVIEWBOX, #EDITWINDOW {
   z-index: 1200;
-  background-color: $darkerBackgroundColor;
+  background-color: $modalBackground;
   display: none;
-  border: 2px solid $darkerBorderColor;
+  border: $modalBorder; //1px solid $darkerBorderColor;
+  border-radius: $defaultBorderRadius;
 }
 
 #PREVIEWBOX img {
@@ -82,9 +83,7 @@
 #PREVIEWOTHERSINNER li.otherRegToolTip,
 #PREVIEWOTHERSINNER li.otherBaskToolTip {
   background-color: $mediumBackgroundColor;
-  -webkit-border-radius: 4px;
+  border-radius: $defaultBorderRadius;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
   cursor: pointer;
 }
 

resources/www/prod/skins/ui-components/_modal-push.scss

@@ -329,7 +329,7 @@
 
 #QuickAddUser input {
   border: 1px solid #CCCCCC;
-  border-radius: 4px 4px 4px 4px;
+  border-radius: $defaultBorderRadius;
   box-shadow: 0 1px 1px #EEEEEE;
   display: inline-block;
   margin: 0 5px 0 0;

resources/www/prod/skins/ui-components/_pagination.scss

@@ -7,9 +7,7 @@
   padding: 1px 5px;
   margin: 0 4px;
   background-color: #0077BC;
-  -webkit-border-radius: 4px;
+  border-radius: $defaultBorderRadius;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
   font-size: 12px;
   line-height: 14px;
   font-weight: bold;

resources/www/prod/skins/ui-components/_search-form.scss

@@ -78,9 +78,7 @@ form.phrasea_query input.query {
 #adv_search .sbasglob .sbas_list,
 .adv_options .sbasglob .sbas_list {
   padding: 5px 0;
-  -webkit-border-radius: 3px;
+  border-radius: $defaultBorderRadius;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
 }
 
 #adv_search .sbasglob .sbas_list.selected,
@@ -95,13 +93,6 @@ form.phrasea_query input.query {
   text-align: center;
 }
 
-/*.sbaslist {
-  background-color: $searchSbasListBg;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-}*/
-
 .sbas_list label {
   color: $lightTextColor;
 }

resources/www/prod/skins/ui-components/_workzone-baskets.scss

@@ -1,259 +1,129 @@
-/* workzone brower - DEPRECATED - #BasketBrowser {
+
-  h1 {
+#idFrameC {
-    font-size: 14px;
+  #baskets {
-    line-height: 20px;
+    > div {
-    margin: 0;
+      border-top: 1px solid $mediumBorderColor;
-    padding: 0;
-  }
-  .Browser{
-    background-color: #111111;
-  }
-  .Basket{
-    background-color: #111111;
-    display:none;
-    .thumb_wrapper {
-      margin:5px;
     }
-  }
+    .bloc {
-  .result{
+      position: absolute;
-    position:relative;
+      top: 31px;
-    height:100px;
+      left: 0pt;
-    &.odd{
+      right: 1px;
-      background-color:#404040;
+      bottom: 0px;
-    }
+      overflow-y: auto;
-    .PNB10 {
+      overflow-x: hidden;
-      overflow: hidden;
+      &.groupDrop {
-    }
+        border: 3px solid #a00;
-    .datas{
-      top:50px;
-      bottom:50px;
-      overflow-y:auto;
-      overflow-x:hidden;
-    }
-    .footer,
-    .header{
-      height:50px;
-    }
-    .header{
-      bottom:auto;
-    }
-    .footer{
-      top:auto;
-    }
-    table{
-      height:80px;
-    }
-    td {
-      &.content{
-        width:390px;
-        vertical-align:top;
-      }
-      &.thumbnail{
-        display: table-cell;
-        width: 105px;
-        height: 80px;
-        padding: 0;
-        border: none;
-        border-radius: 0;
-        box-shadow: none;
-        line-height: 18px;
-        text-align: center;
-        vertical-align:top;
-        .counter{
-          bottom: 18px;
-          font-size: 14px;
-          position: relative;
-          right: 5px;
-          text-align: right;
-        }
       }
     }
-  }
+    .content {
-  h1.title{
+      &.grouping .alert_datas_changed,
-    font-size:14px;
+      &.basket .alert_datas_changed {
-    .loader{
+        position: relative;
-      display:none;
+        margin: 10px 0;
-      margin:4px;
+        right: 0;
-    }
+        left: 0;
-  }
-  img{
-    vertical-align: middle;
-  }
-  table{
-    width:100%;
-    border:none;
-    vertical-align:top;
-    td.paginator{
-      text-align:right;
-    }
-  }
-  label {
-    cursor:pointer;
-    color:#9a9a9a;
-  }
-  input {
-    display:none;
-    &.Query {
-      padding: 3px;
-      display: block;
-      border-radius: 4px;
-      width: 155px;
-      padding-left: 25px;
-    }
-  }
-  input:checked + label,
-  label.selected {
-    color: #d18827;
-  }
-  form {
-    h1{
-      margin:10px 0;
-    }
-    ul {
-
-      li{
-        padding:5px 0;
-        border-top:1px solid #9A9A9A;
-        &.first{
-          border-top:none;
-        }
-        label{
-          margin: 0 0 0 40px;
-        }
       }
     }
-  }
+    .alert_datas_changed {
-}*/
+      position: absolute;
-
+      top: 5px;
-#idFrameC #baskets .alert_datas_changed {
+      height: 20px;
-  position: absolute;
+      right: 26px;
-  top: 5px;
+      left: 10px;
-  height: 20px;
+      background-color: $workzoneBasketAlertDataBg;
-  right: 26px;
+      color: $workzoneBasketAlertDataColor;
-  left: 10px;
+      text-align: center;
-  background-color: $workzoneBasketAlertDataBg;
+      font-weight: bold;
-  color: $workzoneBasketAlertDataColor;
-  text-align: center;
-  font-weight: bold;
-  font-size: 12px;
-  display: none;
-  z-index: 5000;
-}
-
-#idFrameC #baskets .content.grouping .alert_datas_changed,
-#idFrameC #baskets .content.basket .alert_datas_changed {
-  position: relative;
-  margin: 10px 0;
-  right: 0;
-  left: 0;
-}
-
-#idFrameC #baskets .bloc {
-  position: absolute;
-  top: 31px;
-  left: 0pt;
-  right: 1px;
-  bottom: 0px;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-#baskets .insidebloc {
-  top: 0;
-}
-
-#baskets .top-scroller,
-#baskets .bottom-scroller {
-  height: 80px;
-  position: absolute;
-  border: none;
-  top: 0px;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-#baskets .top-scroller {
-  bottom: auto;
-}
-
-#baskets .bottom-scroller {
-  top: auto;
-}
-
-#idFrameC #baskets .bloc.groupDrop {
-  border: 3px solid #a00;
-}
-
-#baskets {
-  > div {
-    border-top: 1px solid $mediumBorderColor;
-  }
-  .SSTT {
-    &.active {
-      border: 1px solid #b1b1b1;
-      &.ui-corner-top {
-        border: none;
-        border-top: 1px solid $mediumBorderColor;
-        top: 0;
-        background-color: $mediumBackgroundColor;
-      }
-    }
-    &.grouping {
-      &.active {
-        // border: 1px solid #2f4a6f;
-        &.ui-corner-top {
-          border-bottom: none;
-        }
-      }
-    }
-    .title {
-      overflow: hidden;
-      left: 30px;
-      right: 40px;
-      height: 16px;
-      margin: 2px 0;
       font-size: 12px;
+      display: none;
+      z-index: 5000;
+    }
+    .insidebloc {
+      top: 0;
+    }
+    .top-scroller, .bottom-scroller {
+      height: 80px;
+      position: absolute;
+      border: none;
+      top: 0px;
+      bottom: 0;
+      left: 0;
+      right: 0;
+    }
+    .top-scroller {
+      bottom: auto;
+    }
+
+    .bottom-scroller {
+      top: auto;
+    }
+    .SSTT {
+      &.active {
+        border: 1px solid #b1b1b1;
+        &.ui-corner-top {
+          border: none;
+          border-top: 1px solid $mediumBorderColor;
+          top: 0;
+          background-color: $mediumBackgroundColor;
+        }
+      }
+      &.grouping {
+        &.active {
+          // border: 1px solid #2f4a6f;
+          &.ui-corner-top {
+            border-bottom: none;
+          }
+        }
+      }
+      .title {
+        overflow: hidden;
+        left: 30px;
+        right: 40px;
+        height: 16px;
+        margin: 2px 0;
+        font-size: 12px;
+      }
+      .menu {
+        text-align: right;
+        position: absolute;
+        right: 0;
+        top: 0;
+        padding: 3px;
+        margin: 0 5px 0 0;
+        table td {
+          width: 20px;
+        }
+      }
+      .workzone-menu-title {
+        text-overflow: ellipsis;
+        padding-right: 65px;
+        overflow: hidden;
+        white-space: nowrap;
+        display: block;
+      }
+      img {
+        max-height: 18px;
+        vertical-align: middle;
+        cursor: help;
+        margin-right: 9px;
+      }
     }
     .menu {
-      text-align: right;
+      .contextMenuTrigger {
-      position: absolute;
+        cursor: pointer;
-      right: 0;
+        display: block;
-      top: 0;
+        padding: 0;
-      padding: 3px;
+        margin: 0;
-      margin: 0 5px 0 0;
+        background: url('#{$iconsPath}contextMenuTrigger.png') 0 13px no-repeat;
-      table td {
+        height: 45px;
-        width: 20px;
+        width: 13px;
       }
     }
-    .workzone-menu-title {
+    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
-      text-overflow: ellipsis;
+      color: $textPrimaryActiveColor;
-      padding-right: 65px;
+      font-size: 1em;
-      overflow: hidden;
-      white-space: nowrap;
-      display: block;
     }
-    img {
-      max-height: 18px;
-      vertical-align: middle;
-      cursor: help;
-      margin-right: 9px;
-    }
-  }
-  .menu {
-    .contextMenuTrigger {
-      cursor: pointer;
-      display: block;
-      padding: 0;
-      margin: 0;
-      background: url('#{$iconsPath}contextMenuTrigger.png') 0 13px no-repeat;
-      height: 45px;
-      width: 13px;
-    }
-  }
-  .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
-    color: $textPrimaryActiveColor;
-    font-size: 1em;
   }
 }
 

resources/www/prod/skins/ui-components/_workzone-thesaurus.scss

@@ -80,10 +80,37 @@
 /* ==================================
 dans l'onglet thesaurus : arbres, menus contextuels
 ===================================== */
+.ui-tabs {
+  #thesaurus_tab {
+    top: 87px !important;
 
+  }
+}
 #THPD_tabs {
   right: 0;
+
   .ui-tabs-nav {
+    li.th_tab {
+      a {
+        color: $textPrimaryColor;
+      }
+      &.th_tab {
+        height: 43px;
+        margin: 0;
+        .ui-state-active {
+          border-bottom: 1px solid $thesaurusColor;
+        }
+        a {
+          height: 43px;
+          line-height: 43px;
+          vertical-align: middle;
+          margin: 0;
+          padding: 0 20px;
+          display: block;
+          text-decoration: none;
+        }
+      }
+    }
     .ui-state-default A {
       color: $thesaurusContextMenuColor;
     }
@@ -137,9 +164,15 @@ dans l'onglet thesaurus : arbres, menus contextuels
     background-color: #ff0000;
   }
 }
+#idFrameC .ui-tabs  {
+  #THPD_C.ui-tabs-panel,
+  #THPD_T.ui-tabs-panel{
+    top: 46px;
+  }
+}
 
 #THPD_T, #THPD_C {
-  margin-top: 10px;
+  // margin-top: 10px;
   margin-left: 0px;
 }
 

resources/www/prod/skins/ui-components/_workzone.scss

@@ -33,7 +33,18 @@
     left: 0px;
     bottom: 0px;
     right: 0;
+    margin: 0;
+    padding: 0;
     .ui-tabs-nav {
+      background-color: transparent;
+      top: 0;
+      left: 10px;
+      right: 10px;
+      //margin-top: 21px;
+      border-top: 1px solid $workzoneTabBorderTop;
+      border-radius: 0;
+      height: 43px;
+      border-bottom: 1px solid $workzoneTabBorderBottom;
       li {
         width: auto;
         height: 85px;
@@ -41,6 +52,7 @@
         background-color: $mediumBackgroundColor;
         z-index: 10;
         border-radius: 0;
+        margin: 0;
         &.proposals_WZ {
           &.ui-state-active {
             a {
@@ -89,29 +101,14 @@
         }
       }
     }
-    #thesaurus_tab {
+    .ui-tabs-panel {
-      li {
+      position: absolute;
-        a {
+      top: 56px;
-          color: $textPrimaryColor;
+      left: 0;
-        }
+      bottom: 0;
-        &.th_tab {
+      right: 0;
-          height: 43px;
-          margin: 0;
-          .ui-state-active {
-            border-bottom: 1px solid $thesaurusColor;
-          }
-          a {
-            height: 43px;
-            line-height: 43px;
-            vertical-align: middle;
-            margin: 0;
-            padding: 0 20px;
-            display: block;
-            text-decoration: none;
-          }
-        }
-      }
     }
+
   }
   ul.icon-menu {
     width: 100%;
@@ -166,28 +163,6 @@
   }
 }
 
-#idFrameC .ui-tabs .ui-tabs-nav,
-#idFrameE .ui-tabs .ui-tabs-nav {
-  background-color: transparent;
-  top: 0px;
-  left: 10px;
-  right: 10px;
-  margin-top: 21px;
-  border-top: 1px solid $workzoneTabBorderTop;
-  border-radius: 0;
-  height: 43px;
-  border-bottom: 1px solid $workzoneTabBorderBottom;
-}
-
-#idFrameC .ui-tabs .ui-tabs-panel,
-#idFrameE .ui-tabs .ui-tabs-panel {
-  position: absolute;
-  top: 56px;
-  left: 0px;
-  bottom: 0px;
-  right: 0px;
-}
-
 .alert_datas_changed a {
   color: #404040;
   text-decoration: underline;

resources/www/prod/styles/_ie8.scss

@@ -8,4 +8,18 @@
   {
     width:580px;
   }
+  .btn-image {
+    width: 16px;
+    height: 16px;
+    // border: 1px solid #FF0000;
+  }
+  #idFrameC {
+    .ui-tabs {
+      .ui-tabs-nav {
+        li {
+          margin-top: -20px;
+        }
+      }
+    }
+  }
 }

resources/www/prod/styles/main.scss

@@ -101,3 +101,6 @@
 .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
 .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right;}
+
+@import 'ie7';
+@import 'ie8';

templates/web/login/layout/base-layout.html.twig

@@ -1,15 +1,12 @@
 {% if form is defined %}
 {% form_theme form 'login/common/fields.html.twig' %}
 {% endif %}
-
 <!DOCTYPE html>
-<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="{{ app['locale'] }}"> <![endif]-->
-<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="{{ app['locale'] }}"> <![endif]-->
-<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9" lang="{{ app['locale'] }}"> <![endif]-->
-<!--[if gt IE 8]>
+<!--[if gt IE 8]><!--><html lang="{{ app['locale'] }}" class="no-js "> <!--<![endif]-->
-<!-->
+<html>
-<html class="no-js">
-<!--<![endif]-->
     <head>
         {% block header %}
             <title>{% block title %}Phraseanet{% endblock title %}</title>
@@ -26,7 +23,7 @@
             {% block header_rss %}{% endblock %}
 
             {% block favicon %}
-                <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+                <link rel="shortcut icon" type="image/x-icon" href="/assets/authentication/images/favicon.ico" />
             {% endblock favicon %}
 
             {% block header_stylesheet %}

templates/web/prod/actions/edit_default.html.twig

@@ -122,6 +122,7 @@
 
 <div id="EDIT_ALL">
 
+        <div class="content-wrapper">
     <div style="display:none;">
         <form onsubmit="return(false)" >
             <input style="font-size:2px; width:5px;" type="text" id="editFakefocus" />
@@ -349,6 +350,7 @@
         <input type='button' value="{{ 'boutton::annuler' | trans }}" class="btn btn-inverse btn-small" onclick="edit_cancelMultiDesc(event);" />
     </div>
 
+    </div>
 </div>
 
 <div id="EDIT_WORKING">

templates/web/prod/toolbar.html.twig

@@ -47,15 +47,14 @@
     <span class="dropdownButton">
         <div class="btn-group">
             <button id="TOOL_disktt" class="default_action TOOL_disktt_btn results_window btn btn-inverse">
-                <img src="/assets/common/images/icons/disktt_history.png" height="16"
+                <img src="/assets/common/images/icons/disktt_history.png" height="16" width="16" class="btn-image"/> {{ 'action : exporter' | trans }}
-                     width="16"/> {{ 'action : exporter' | trans }}
             </button>
             <button class="trigger btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span class="caret"></span>
             </button>
             <ul class="dropdown-menu">
                 <li>
                     <a class="TOOL_print_btn results_window">
-                        <img src="/assets/common/images/icons/print_history.png" height="16" width="16"/>
+                        <img src="/assets/common/images/icons/print_history.png" height="16" width="16" class="btn-image"/>
                         {{ 'action : print' | trans }}
                     </a>
                 </li>
@@ -90,7 +89,7 @@
                 {% for action in actions %}
                     {% if loop.first %}
                         <button class="default_action {{ action.class }} results_window btn btn-inverse">
-                            <img src="{{ action.icon }}" height="16" width="16"/> {{ action.label }}
+                            <img src="{{ action.icon }}" height="16" width="16" class="btn-image"/> {{ action.label }}
                         </button>
                     {% endif %}
                 {% endfor %}
@@ -101,7 +100,7 @@
                         {% if not loop.first %}
                             <li>
                                 <a class="{{ action.class }} results_window">
-                                    <img src="{{ action.icon }}" height="16" width="16"/>
+                                    <img src="{{ action.icon }}" height="16" width="16" class="btn-image"/>
                                     {{ action.label }}
                                 </a>
                             </li>
@@ -118,7 +117,7 @@
             <div class="btn-group">
                 {% for action in actions %}
                     <button class="{{ action.class }} results_window btn btn-inverse">
-                        <img src="{{ action.icon }}"  height="16" width="16"/> {{ action.label }}
+                        <img src="{{ action.icon }}"  height="16" width="16" class="btn-image"/> {{ action.label }}
                     </button>
                 {% endfor %}
             </div>
@@ -129,28 +128,28 @@
         <span class="dropdownButton">
             <div class="btn-group">
                 <button class="TOOL_pushdoc_btn default_action results_window btn btn-inverse">
-                    <img src="/assets/common/images/icons/push16.png" height="16" width="16"/> {{ 'action : push' | trans }}
+                    <img src="/assets/common/images/icons/push16.png" height="16" width="16" class="btn-image"/> {{ 'action : push' | trans }}
                 </button>
                 <button class="trigger btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span
                             class="caret"></span></button>
                 <ul class="dropdown-menu">
                     <li>
                         <a class="TOOL_feedback_btn results_window">
-                            <img src="/assets/common/images/icons/feedback16.png" height="16" width="16"/>
+                            <img src="/assets/common/images/icons/feedback16.png" height="16" width="16" class="btn-image"/>
                             {{ 'Feedback' | trans }}
                         </a>
                     </li>
                     <li class="divider"></li>
                     <li>
                         <a class="TOOL_bridge_btn results_window" href="{{ path("prod_bridge_manager") }}">
-                            <img src="/assets/common/images/icons/door.png" height="16" width="16"/>
+                            <img src="/assets/common/images/icons/door.png" height="16" width="16" class="btn-image"/>
                             {{ 'action : bridge' | trans }}
                         </a>
                     </li>
                     <li class="divider"></li>
                     <li>
                         <a class="TOOL_publish_btn results_window">
-                            <img src="/assets/common/images/icons/rss16.png" height="16" width="16"/>
+                            <img src="/assets/common/images/icons/rss16.png" height="16" width="16" class="btn-image"/>
                             {{ 'action : publier' | trans }}
                         </a>
                     </li>
@@ -161,7 +160,7 @@
                                 <li>
                                     <a class="results_window {{ action.classes|default('') }}">
                                         {% if action.icon %}
-                                            <img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16"/>
+                                            <img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16" class="btn-image"/>
                                         {% endif %}
 
                                         {% set label = action.label %}
@@ -178,14 +177,14 @@
         <span class="dropdownButton">
             <div class="btn-group">
                 <button class="TOOL_pushdoc_btn default_action results_window btn btn-inverse">
-                    <img src="/assets/common/images/icons/push16.png" height="16" width="16"/> {{ 'action : push' | trans }}
+                    <img src="/assets/common/images/icons/push16.png" height="16" width="16" class="btn-image"/> {{ 'action : push' | trans }}
                 </button>
                 <button class="trigger btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span
                             class="caret"></span></button>
                 <ul class="submenu dropdown-menu">
                     <li>
                         <a class="TOOL_feedback_btn results_window">
-                            <img src="/assets/common/images/icons/feedback16.png" height="16" width="16"/>
+                            <img src="/assets/common/images/icons/feedback16.png" height="16" width="16" class="btn-image"/>
                             {{ 'Feedback' | trans }}
                         </a>
                     </li>
@@ -196,7 +195,7 @@
                                 <li>
                                     <a class="results_window {{ action.classes|default('') }}">
                                         {% if action.icon %}
-                                            <img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16"/>
+                                            <img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16" class="btn-image"/>
                                         {% endif %}
 
                                         {% set label = action.label %}
@@ -213,14 +212,14 @@
         <span class="dropdownButton">
             <div class="btn-group">
                 <button class="TOOL_pushdoc_btn default_action results_window btn btn-inverse">
-                    <img src="/assets/common/images/icons/door.png" height="16" width="16"/> {{ 'action : bridge' | trans }}
+                    <img src="/assets/common/images/icons/door.png" height="16" width="16" class="btn-image"/> {{ 'action : bridge' | trans }}
                 </button>
                 <button class="trigger btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span
                             class="caret"></span></button>
                 <ul class="submenu dropdown-menu">
                     <li>
                         <a class="TOOL_publish_btn results_window">
-                            <img src="/assets/common/images/icons/rss16.png" height="16" width="16"/>
+                            <img src="/assets/common/images/icons/rss16.png" height="16" width="16" class="btn-image"/>
                             {{ 'action : publier' | trans }}
                         </a>
                     </li>
@@ -231,7 +230,7 @@
                                 <li>
                                     <a class="results_window {{ action.classes|default('') }}">
                                         {% if action.icon %}
-                                            <img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16"/>
+                                            <img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16" class="btn-image"/>
                                         {% endif %}
 
                                         {% set label = action.label %}
@@ -269,7 +268,7 @@
                         <li>
                             <a class="results_window {{ action.classes|default('') }}">
                                 {% if action.icon %}
-                                    <img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16"/>
+                                    <img src="{{ plugin_asset(plugin.PluginName, action.icon) }}" height="16" width="16" class="btn-image"/>
                                 {% endif %}
                                 {% set label = action.label %}
                                 {% trans from plugin.PluginLocale %}label{% endtrans %}
@@ -292,8 +291,7 @@
         <span class="classicButton">
             <div class="btn-group">
                 <button class="TOOL_imgtools_btn results_window btn btn-inverse">
-                    <img src="/assets/common/images/icons/imgtools_history.png" height="16"
+                    <img src="/assets/common/images/icons/imgtools_history.png" height="16" width="16" class="btn-image"/> {{ 'action : outils' | trans }}
-                         width="16"/> {{ 'action : outils' | trans }}
                 </button>
             </div>
         </span>
@@ -302,7 +300,7 @@
         <span class="classicButton">
             <div class="btn-group">
                 <button class="TOOL_trash_btn results_window btn btn-inverse">
-                    <img src="/assets/common/images/icons/delete.png" height="16" width="16"/> {{ 'action : supprimer' | trans }}
+                    <img src="/assets/common/images/icons/delete.png" height="16" width="16" class="btn-image"/> {{ 'action : supprimer' | trans }}
                 </button>
             </div>
         </span>